From d31fbb6b63eb5f674cbd5c035c5daabac1f12687 Mon Sep 17 00:00:00 2001 From: mehditorabiv Date: Tue, 3 Dec 2024 13:13:59 +0300 Subject: [PATCH] update layout --- index.html | 3 +-- src/App.tsx | 15 +++++++++++++-- src/components/layouts/SidebarApp.tsx | 2 +- src/components/shared/CustomTable.tsx | 5 +++-- src/index.css | 4 +++- src/pages/Auth/Login/Login.tsx | 4 ++-- 6 files changed, 23 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index e4b78ea..64ba68a 100644 --- a/index.html +++ b/index.html @@ -2,9 +2,8 @@ - - Vite + React + TS + LogID
diff --git a/src/App.tsx b/src/App.tsx index 57885cd..eedc362 100644 --- 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} > - + diff --git a/src/components/layouts/SidebarApp.tsx b/src/components/layouts/SidebarApp.tsx index 46780d4..9845e39 100644 --- a/src/components/layouts/SidebarApp.tsx +++ b/src/components/layouts/SidebarApp.tsx @@ -41,7 +41,7 @@ function SidebarApp() { }} > - LOGO + LogID diff --git a/src/components/shared/CustomTable.tsx b/src/components/shared/CustomTable.tsx index 3b32428..4ca9d6b 100644 --- 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> = ({ ([applicationName, applications], rowIndex) => ( -
+
- {applicationName} + {capitalize(applicationName)}
{xcolumns.map((platform, colIndex) => { diff --git a/src/index.css b/src/index.css index d419bfa..df83f62 100644 --- 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 index 362a1b3..2a9ded6 100644 --- a/src/pages/Auth/Login/Login.tsx +++ b/src/pages/Auth/Login/Login.tsx @@ -5,8 +5,8 @@ export function Login() { return (
- - Welcome to OnChain + + Welcome to LogID Please connect your wallet to continue.