diff --git a/assets/images/ecomm-addon-ctb-icon.png b/assets/images/ecomm-addon-ctb-icon.png new file mode 100644 index 000000000..d055785d7 Binary files /dev/null and b/assets/images/ecomm-addon-ctb-icon.png differ diff --git a/assets/svg/transformStore.svg b/assets/svg/transformStore.svg deleted file mode 100644 index 862a93f7b..000000000 --- a/assets/svg/transformStore.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/app/pages/pages-and-posts/TransformStore.js b/src/app/pages/pages-and-posts/ecommAddonCTB.js similarity index 73% rename from src/app/pages/pages-and-posts/TransformStore.js rename to src/app/pages/pages-and-posts/ecommAddonCTB.js index cb0a92264..934f78a29 100644 --- a/src/app/pages/pages-and-posts/TransformStore.js +++ b/src/app/pages/pages-and-posts/ecommAddonCTB.js @@ -1,7 +1,16 @@ import { Button, Card, Title } from '@newfold/ui-component-library'; -import { ReactComponent as TransformLogo } from '../../../../assets/svg/transformStore.svg'; +import ecommAddonIconUrl from 'Assets/images/ecomm-addon-ctb-icon.png'; + +const EcommAddonCTB = () => { + const EcommAddonCtbIcon = () => ( + { + ); -const TransformStore = () => { return ( { } } > - + { __( 'Transform your store!', 'wp-plugin-bluehost' ) } @@ -32,4 +41,4 @@ const TransformStore = () => { ); }; -export default TransformStore; +export default EcommAddonCTB; diff --git a/src/app/pages/pages-and-posts/index.js b/src/app/pages/pages-and-posts/index.js index bf31cf92b..e8ba74cf4 100644 --- a/src/app/pages/pages-and-posts/index.js +++ b/src/app/pages/pages-and-posts/index.js @@ -6,7 +6,7 @@ import BlogPosts from './blogPosts'; import BookingAndAppointments from './bookingAndAppointments'; import ProductsPages from './ProductsPages'; import AppStore from '../../data/store'; -import TransformStore from './TransformStore'; +import EcommAddonCTB from './ecommAddonCTB'; const PagesAndPosts = () => { const { store } = useContext( AppStore ); @@ -82,7 +82,7 @@ const PagesAndPosts = () => { window.NewfoldRuntime.isWoocommerceActive ? ( ) : ( - + ) }