Fix image in modal

Automattic · Jul 16, 2024 · ecce328 · ecce328
1 parent 907853e
commit ecce328
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 17 deletions.
diff --git a/projects/packages/jetpack-mu-wpcom/src/features/wpcom-global-styles/index.js b/projects/packages/jetpack-mu-wpcom/src/features/wpcom-global-styles/index.js
@@ -1,6 +1,3 @@
-/*** THIS MUST BE THE FIRST THING EVALUATED IN THIS SCRIPT *****/
-import './public-path';
-
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import domReady from '@wordpress/dom-ready';
 import { registerPlugin } from '@wordpress/plugins';

diff --git a/projects/packages/jetpack-mu-wpcom/src/features/wpcom-global-styles/index.php b/projects/packages/jetpack-mu-wpcom/src/features/wpcom-global-styles/index.php
@@ -180,11 +180,11 @@ function wpcom_global_styles_enqueue_block_editor_assets() {
 		'wpcom-global-styles-editor',
 		'wpcomGlobalStyles',
 		array(
-			'assetsUrl'                   => plugins_url( '', __FILE__ ),
 			'upgradeUrl'                  => "$calypso_domain/plans/$site_slug?plan=value_bundle&feature=style-customization",
 			'wpcomBlogId'                 => wpcom_global_styles_get_wpcom_current_blog_id(),
 			'resetGlobalStylesSupportUrl' => $reset_global_styles_support_url,
 			'planName'                    => Plans::get_plan( 'value_bundle' )->product_name_short,
+			'modalImage'                  => plugins_url( 'image.svg', __FILE__ ),
 		)
 	);
 	wp_enqueue_style(

diff --git a/projects/packages/jetpack-mu-wpcom/src/features/wpcom-global-styles/modal.js b/projects/packages/jetpack-mu-wpcom/src/features/wpcom-global-styles/modal.js
@@ -6,7 +6,6 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { useEffect } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import React from 'react';
-import image from './image.svg';
 import { useCanvas } from './use-canvas';
 
 import './modal.scss';
@@ -104,7 +103,7 @@ const GlobalStylesModal = () => {
 					</div>
 				</div>
 				<div className="wpcom-global-styles-modal__image">
-					<img src={ image } alt="" />
+					<img src={ wpcomGlobalStyles.modalImage } alt="" />
 				</div>
 			</div>
 		</Modal>

diff --git a/projects/packages/jetpack-mu-wpcom/src/features/wpcom-global-styles/public-path.js b/projects/packages/jetpack-mu-wpcom/src/features/wpcom-global-styles/public-path.js