update layout

TogetherCrew · Dec 3, 2024 · d31fbb6 · d31fbb6
1 parent 0010559
commit d31fbb6
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -2,9 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>LogID</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/App.tsx b/src/App.tsx
@@ -5,12 +5,14 @@ import React from 'react';
 import CssBaseline from '@mui/material/CssBaseline';
 import { ThemeProvider } from '@mui/material/styles';
 import {
+  lightTheme,
   RainbowKitAuthenticationProvider,
   RainbowKitProvider,
 } from '@rainbow-me/rainbowkit';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { Navigate, Route, Routes } from 'react-router-dom';
-import { sepolia } from 'wagmi/chains';
+import { baseSepolia } from 'viem/chains';
+import { useAccount } from 'wagmi';
 
 import { CustomSnackbar } from './components/shared/CustomSnackbar';
 import useSiweAuth from './hooks/useSiweAuth';
@@ -35,6 +37,7 @@ const queryClient = new QueryClient({
 
 const App: React.FC = () => {
   const { authStatus, authenticationAdapter } = useSiweAuth();
+  const { chainId } = useAccount();
 
   globalThis.Buffer = Buffer;
 
@@ -44,7 +47,15 @@ const App: React.FC = () => {
         adapter={authenticationAdapter}
         status={authStatus}
       >
-        <RainbowKitProvider initialChain={sepolia}>
+        <RainbowKitProvider
+          initialChain={chainId ?? baseSepolia}
+          theme={lightTheme({
+            accentColor: '#4200FF',
+          })}
+          appInfo={{
+            appName: 'LogID',
+          }}
+        >
           <ThemeProvider theme={theme}>
             <CssBaseline />
             <Routes>

diff --git a/src/components/layouts/SidebarApp.tsx b/src/components/layouts/SidebarApp.tsx
@@ -41,7 +41,7 @@ function SidebarApp() {
             }}
           >
             <Typography variant="h6" fontWeight="bold">
-              LOGO
+              LogID
             </Typography>
           </Box>
         </Toolbar>

diff --git a/src/components/shared/CustomTable.tsx b/src/components/shared/CustomTable.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/no-array-index-key */
 import {
   Avatar,
   Card,
@@ -85,9 +86,9 @@ const CustomTable: React.FC<CustomTableProps<AccessData>> = ({
             ([applicationName, applications], rowIndex) => (
               <TableRow component={Card} key={rowIndex}>
                 <TableCell align="center" sx={{ padding: 1 }}>
-                  <div className="flex flex-col items-center justify-center text-center mx-auto space-y-2">
+                  <div className="flex flex-row items-center justify-center text-center mx-auto space-x-3">
                     <Avatar />
-                    <Typography>{applicationName}</Typography>
+                    <Typography>{capitalize(applicationName)}</Typography>
                   </div>
                 </TableCell>
                 {xcolumns.map((platform, colIndex) => {

diff --git a/src/index.css b/src/index.css
@@ -46,5 +46,7 @@
 
 *,
 body {
-  font-family: Inter;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
 }
diff --git a/src/pages/Auth/Login/Login.tsx b/src/pages/Auth/Login/Login.tsx
@@ -5,8 +5,8 @@ export function Login() {
   return (
     <div className="h-screen w-full flex">
       <Box className="w-1/4 p-8 flex flex-col justify-center items-center shadow-2xl">
-        <Typography variant="h6" fontWeight="bold" gutterBottom>
-          Welcome to OnChain
+        <Typography variant="h6" fontWeight="bold" gutterBottom color="primary">
+          Welcome to LogID
         </Typography>
         <Typography variant="body1" gutterBottom>
           Please connect your wallet to continue.
-Original file line number
+Diff line change
@@ Expand Up / @@ -41,7 +41,7 @@ function SidebarApp() { @@
                 }}
               >
                 <Typography variant="h6" fontWeight="bold">
-                  LOGO
+                  LogID
                 </Typography>
               </Box>
             </Toolbar>
@@ Expand Down @@