chore: update nav items

apps/web/src/app/page.tsx

@@ -0,0 +1,30 @@
+/* eslint-disable react/no-unescaped-entities */
+// The not-found file is used to render UI when the notFound function
+// is thrown within a route segment. Along with serving a custom UI,
+// Next.js will also return a 404 HTTP status code.
+
+export default function page() {
+  return (
+    <div className='flex h-[calc(100vh-80px)] w-full items-center justify-center p-5'>
+      <div className='text-center'>
+        <div className='inline-flex rounded-full bg-yellow-100 p-4'>
+          <div className='rounded-full bg-yellow-200 stroke-yellow-600 p-4'>
+            <svg
+              className='h-16 w-16'
+              viewBox='0 0 28 28'
+              fill='none'
+              xmlns='http://www.w3.org/2000/svg'
+            >
+              <path
+                d='M14.0002 9.33337V14M14.0002 18.6667H14.0118M25.6668 14C25.6668 20.4434 20.4435 25.6667 14.0002 25.6667C7.55684 25.6667 2.3335 20.4434 2.3335 14C2.3335 7.55672 7.55684 2.33337 14.0002 2.33337C20.4435 2.33337 25.6668 7.55672 25.6668 14Z'
+                stroke-width='2'
+                stroke-linecap='round'
+                stroke-linejoin='round'
+              ></path>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

apps/web/src/components/layout/components/NavBar/components/WalletButton/index.tsx

@@ -63,8 +63,7 @@ export const WalletButton: React.FC = () => {
       </div>
     ) : (
       <>
-        <button
-          className='flex max-h-[54px] items-center justify-center overflow-hidden rounded-full bg-rv-gradient px-6 py-4 text-lg font-bold text-black transition'
+        <Button
           onClick={(e) => {
             e.preventDefault();
             setIsWalletModalOpen(true);
@@ -84,7 +83,7 @@ export const WalletButton: React.FC = () => {
               d='m11.5 6.5 3 3.5m0 0-3 3.5m3-3.5h-9'
             />
           </svg>
-        </button>
+        </Button>
       </>
     );
   };

apps/web/src/constants/navigations/index.ts

@@ -1,6 +1,5 @@
 enum Path {
   ROOT = '/',
-  BORROW = '/borrow',
   MARKETS = '/markets',
 }
 
@@ -13,8 +12,7 @@ export const config = {
 export const URL = 'https://example.com';
 
 export const navItems = [
-  { name: 'Earn', path: Path.ROOT },
-  { name: 'Borrow', path: Path.BORROW },
+  { name: 'Home', path: Path.ROOT },
   { name: 'Markets', path: Path.MARKETS },
 ];
 

apps/web/src/providers/wagmi/index.tsx

@@ -4,7 +4,6 @@ import { SUPPORTED_CHAINS } from 'config/chain';
 import { PLATFORM } from 'config/setting';
 import useConfig from 'hooks/config/useConfig';
 import { useMemo } from 'react';
-import { INetwork } from 'types/common';
 import { WagmiConfig, configureChains, createClient } from 'wagmi';
 import { CoinbaseWalletConnector } from 'wagmi/connectors/coinbaseWallet';
 import { InjectedConnector } from 'wagmi/connectors/injected';
@@ -15,10 +14,17 @@ import { alchemyProvider } from 'wagmi/providers/alchemy';
 import { infuraProvider } from 'wagmi/providers/infura';
 import { publicProvider } from 'wagmi/providers/public';
 
+
 type TProps = {
   children: React.ReactNode;
 };
 
+export interface INetwork {
+  chainId: number;
+  name: string;
+  explorerUrl: string;
+}
+
 const alchemyId = process.env.NEXT_PUBLIC_ALCHEMY_ID || '';
 const infuraId = process.env.NEXT_PUBLIC_INFURA_ID || '';
 
@@ -85,4 +91,4 @@ const WagmiProvider: React.FC<TProps> = ({ children }) => {
   return <WagmiConfig client={client}>{children}</WagmiConfig>;
 };
 
-export default WagmiProvider;
+export default WagmiProvider;