Add coming soon for non-existing page

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"

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

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>