From 3cc5c240a34031992cd5418f3f3f6ed4664d4d3a Mon Sep 17 00:00:00 2001
From: kojiadrianojr <iisparkplugiiog@yahoo.com>
Date: Thu, 30 Nov 2023 14:39:26 +0800
Subject: [PATCH] Add coming soon for non-existing page

---
 src/App.tsx                                   |  6 +++++-
 src/views/MarketplaceV2/Views/ComingSoon.tsx  | 21 +++++++++++++++++++
 .../components/Sidebar/Panel.tsx              |  4 +++-
 3 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 src/views/MarketplaceV2/Views/ComingSoon.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 4df3235..38a5cfb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -23,7 +23,7 @@ import { getSupportedChain, isChainSupported } from './utils/settings'
 const Farms = lazy(() => import('./views/Farms'))
 const Pools = lazy(() => import('./views/Pools'))
 const Gamefi = lazy(() => import('./views/Gamefi'))
-const ComingSoon = lazy(() => import('./views/ComingSoon'))
+const ComingSoon = lazy(() => import('./views/MarketplaceV2/Views/ComingSoon'))
 const Marketplace = lazy(() => import('./views/Marketplace'))
 const NftMarket = lazy(() => import('./views/Marketplace/Market'))
 const HistoryMarketplace = lazy(() => import('./views/Marketplace/History'))
@@ -72,6 +72,10 @@ const App: React.FC = () => {
           <Route path="/marketplace/nft" exact component={NFTMarket} />
           <Route path="/marketplace/:type/:nftID" exact component={NFTPage} />
           <Route path="/marketplace/my-page" exact component={UserPage} />
+          <Route path="/marketplace/market" component={ComingSoon} />
+          <Route path="/marketplace/web" component={ComingSoon} />
+          <Route path="/marketplace/groups" component={ComingSoon} />
+          <Route path="/marketplace/help" component={ComingSoon} />
           <Menu>
             <NetworkRoute
               path="/farms"
diff --git a/src/views/MarketplaceV2/Views/ComingSoon.tsx b/src/views/MarketplaceV2/Views/ComingSoon.tsx
new file mode 100644
index 0000000..ec01be0
--- /dev/null
+++ b/src/views/MarketplaceV2/Views/ComingSoon.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { Flex } from '@metagg/mgg-uikit'
+import Main from './Main'
+import { H1 } from '../components/Foundation/Text'
+import Logo from '../components/Foundation/Logo'
+import { marketplaceURL } from '../constants/config'
+
+const ComingSoon = () => {
+  return (
+    <Main>
+      <div style={{ height: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+        <Flex alignItems="center" justifyContent="center" flexDirection="column">
+          <Logo size={200} url={marketplaceURL} />
+          <H1 fsize="5em">Coming Soon</H1>
+        </Flex>
+      </div>
+    </Main>
+  )
+}
+
+export default ComingSoon
diff --git a/src/views/MarketplaceV2/components/Sidebar/Panel.tsx b/src/views/MarketplaceV2/components/Sidebar/Panel.tsx
index 14b8c59..173167e 100644
--- a/src/views/MarketplaceV2/components/Sidebar/Panel.tsx
+++ b/src/views/MarketplaceV2/components/Sidebar/Panel.tsx
@@ -1,9 +1,11 @@
 import React from 'react'
+import { marketplaceURL } from 'views/MarketplaceV2/constants/config'
 import { StyledPanel, StyledPanelBody, StyledPanelFooter } from './styled'
 import { Props } from './index.d'
 import Navbutton from './Navbutton'
 import Iconloader from '../Foundation/Iconloader'
 
+
 const Panel: React.FC<{ links: Props }> = (props) => {
   const { links } = props
   return (
@@ -18,7 +20,7 @@ const Panel: React.FC<{ links: Props }> = (props) => {
         })}
       </StyledPanelBody>
       <StyledPanelFooter className="sidebar-footer">
-        <Navbutton href="/help" className="link" target="_blank" rel="noopener noreferrer">
+        <Navbutton href={`${marketplaceURL}/help`} className="link" target="_blank" rel="noopener noreferrer">
           <Iconloader type="fa" name="ExclamationCircle" className="with-animation-enlarge" />
         </Navbutton>
       </StyledPanelFooter>