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 ? (
) : (
-
+
) }