Put HotWallet infos in new page (#117)

* Put HotWallet infos in new page

Author: Orelsanpls

components/NavBar.tsx

@@ -1,13 +1,47 @@
+import useQueryContext from '@hooks/useQueryContext';
+import useRealm from '@hooks/useRealm';
+import { useRouter } from 'next/router';
 import ConnectWalletButton from './ConnectWalletButton';
 
 const NavBar = () => {
+  const { symbol } = useRealm();
+  const { fmtUrlWithCluster } = useQueryContext();
+
+  const router = useRouter();
+
+  const isDashboardPage = router.pathname.includes('dashboard');
+
   return (
     <div className="grid grid-cols-12 mb-3">
       <div className="col-span-12 xl:col-start-2 xl:col-span-10 flex h-20 items-center justify-between px-4 md:px-8 xl:px-4">
         <div className="flex items-center">
           <img src="/img/solana-logo.svg" className="h-8 mr-3" />
         </div>
 
+        <div className="flex flex-wrap justify-center items-center">
+          <button
+            className={`"ml-4 mr-4 mt-1.5 mb-1.5 text-white pl-4 pt pr-4 pb ${
+              isDashboardPage ? '' : 'border border-fgd-3'
+            }"`}
+            onClick={() => {
+              router.push(fmtUrlWithCluster(`/dao/${symbol}`));
+            }}
+          >
+            Vote
+          </button>
+
+          <button
+            className={`"ml-4 mr-4 mt-1.5 mb-1.5 text-white pl-4 pt pr-4 pb ${
+              isDashboardPage ? 'border border-fgd-3' : ''
+            }"`}
+            onClick={() => {
+              router.push(fmtUrlWithCluster(`/dao/${symbol}/dashboard`));
+            }}
+          >
+            Dashboard
+          </button>
+        </div>
+
         <ConnectWalletButton />
       </div>
     </div>

pages/dao/[symbol]/dashboard.tsx

@@ -0,0 +1,15 @@
+import useRealm from 'hooks/useRealm';
+import React from 'react';
+import HotWallet from '@components/HotWallet/HotWallet';
+
+const Dashboard = () => {
+  const { realm } = useRealm();
+
+  if (!realm) {
+    return null;
+  }
+
+  return <HotWallet />;
+};
+
+export default Dashboard;

pages/dao/[symbol]/index.tsx

@@ -17,7 +17,6 @@ import TokenBalanceCardWrapper from '@components/TokenBalance/TokenBalanceCardWr
 import dynamic from 'next/dynamic';
 import Loading from '@components/Loading';
 import PaginationComponent from '@components/Pagination';
-import HotWallet from '@components/HotWallet/HotWallet';
 import SearchInput from '@components/SearchInput';
 const AccountsCompactWrapper = dynamic(
   () => import('@components/TreasuryAccount/AccountsCompactWrapper'),
@@ -256,8 +255,6 @@ const REALM = () => {
             <>
               {connected && <TokenBalanceCardWrapper />}
 
-              <HotWallet />
-
               <NFTSCompactWrapper />
 
               {!realm?.account.config.useCommunityVoterWeightAddin && (

pages/index.tsx

@@ -4,9 +4,8 @@ const Index = () => {
   const router = useRouter();
 
   useEffect(() => {
-    const { REALM } = process.env;
-    const mainUrl = REALM ? `/dao/${REALM}` : '/realms';
-    router.replace(mainUrl);
+    // Default page
+    router.replace('/dao/UXP');
   }, []);
 
   return null;