list market page wip

components/SideNav.tsx

@@ -150,6 +150,15 @@ const SideNav = ({ collapsed }: { collapsed: boolean }) => {
                 hideIconBg
                 showTooltip={false}
               />
+              <MenuItem
+                active={pathname === '/governance/listMarket'}
+                collapsed={false}
+                icon={<PlusCircleIcon className="h-5 w-5" />}
+                title={t('common:list-market')}
+                pagePath="/governance/listMarket"
+                hideIconBg
+                showTooltip={false}
+              />
               <MenuItem
                 active={pathname === '/governance/vote'}
                 collapsed={false}

components/governance/ListMarket/ListMarket.tsx

@@ -0,0 +1,5 @@
+const ListMarket = () => {
+  return <div>asd</div>
+}
+
+export default ListMarket

components/governance/ListMarket/ListMarketPage.tsx

@@ -0,0 +1,15 @@
+import dynamic from 'next/dynamic'
+import GovernancePageWrapper from '../GovernancePageWrapper'
+
+const ListMarket = dynamic(() => import('./ListMarket'))
+
+const ListMarketPage = () => {
+  return (
+    <div className="p-8 pb-20 md:pb-16 lg:p-10">
+      <GovernancePageWrapper>
+        <ListMarket />
+      </GovernancePageWrapper>
+    </div>
+  )
+}
+export default ListMarketPage

components/mobile/BottomBar.tsx

@@ -17,6 +17,7 @@ import {
   MagnifyingGlassIcon,
   BanknotesIcon,
   PlusCircleIcon,
+  ArchiveBoxArrowDownIcon,
 } from '@heroicons/react/20/solid'
 import SolanaTps from '@components/SolanaTps'
 import LeaderboardIcon from '@components/icons/LeaderboardIcon'
@@ -146,10 +147,15 @@ const MoreMenuPanel = ({
           path="/governance/listToken"
           icon={<PlusCircleIcon className="h-5 w-5" />}
         />
+        <MoreMenuItem
+          title={t('common:list-market')}
+          path="/governance/listMarket"
+          icon={<PlusCircleIcon className="h-5 w-5" />}
+        />
         <MoreMenuItem
           title={t('common:vote')}
           path="/governance/vote"
-          icon={<PlusCircleIcon className="h-5 w-5" />}
+          icon={<ArchiveBoxArrowDownIcon className="h-5 w-5" />}
         />
         <MoreMenuItem
           title={t('learn')}

pages/governance/listMarket.tsx

@@ -0,0 +1,28 @@
+import type { NextPage } from 'next'
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import dynamic from 'next/dynamic'
+
+const ListMarketPage = dynamic(
+  () => import('@components/governance/ListMarket/ListMarketPage')
+)
+
+export async function getStaticProps({ locale }: { locale: string }) {
+  return {
+    props: {
+      ...(await serverSideTranslations(locale, [
+        'common',
+        'governance',
+        'notifications',
+        'onboarding',
+        'profile',
+        'search',
+      ])),
+    },
+  }
+}
+
+const Governance: NextPage = () => {
+  return <ListMarketPage />
+}
+
+export default Governance