diff --git a/src/app/data/routes.js b/src/app/data/routes.js index 2c96452dc..e10d0a6c2 100644 --- a/src/app/data/routes.js +++ b/src/app/data/routes.js @@ -15,6 +15,7 @@ import Home from '../pages/home'; import PagesAndPosts from '../pages/pages-and-posts'; import Store from '../pages/ecommerce/page'; import Marketplace from '../pages/marketplace'; +import WPSolution from '../pages/wpsolutions'; import Performance from '../pages/performance'; import Settings from '../pages/settings'; import Staging from '../pages/staging'; @@ -69,6 +70,7 @@ const topRoutePaths = [ '/pages-and-posts', '/store', '/marketplace', + '/my_plugins_and_tools', '/performance', '/settings', '/staging', @@ -135,6 +137,13 @@ export const routes = [ subRoutes: await getMarketplaceSubnavRoutes(), condition: true, }, + { + name: '/my_plugins_and_tools', + title: __( 'My Plugins & Tools', 'wp-plugin-bluehost' ), + Component: WPSolution, + Icon: ShoppingBagIcon, + condition: true, + }, { name: '/performance', title: __( 'Performance', 'wp-plugin-bluehost' ), diff --git a/src/app/pages/wpsolutions/index.js b/src/app/pages/wpsolutions/index.js new file mode 100644 index 000000000..28158a00a --- /dev/null +++ b/src/app/pages/wpsolutions/index.js @@ -0,0 +1,21 @@ +import './styles.scss'; +import { Page } from '@newfold/ui-component-library'; +import { NewfoldSolutions } from '@newfold-labs/wp-module-solutions'; +import '@newfold-labs/wp-module-ecommerce/bluehost.css'; +import { useNavigate } from 'react-router-dom'; +import { useNotification } from '../../components/notifications'; + +const WPSolutions = () => { + + const navigate = useNavigate(); + const notify = useNotification(); + const wpModules = { navigate, notify }; + + return ( + + + + ); +}; + +export default WPSolutions; diff --git a/src/app/pages/wpsolutions/style.scss b/src/app/pages/wpsolutions/style.scss new file mode 100644 index 000000000..f0988190a --- /dev/null +++ b/src/app/pages/wpsolutions/style.scss @@ -0,0 +1,12 @@ +.nfd-root { + .nfd-modal.no-overlay { + .nfd-modal__overlay { + display: none; + } + } + .nfd-feature-upsell.hide-html { + .nfd-flex { + background-color: rgb(255 255 255 / 0.5); + } + } +} \ No newline at end of file