From 496ce2c0fa63350a6bf43452e1fecdd7fde51622 Mon Sep 17 00:00:00 2001
From: Mehdi Torabi <46302001+mehdi-torabiv@users.noreply.github.com>
Date: Fri, 30 Aug 2024 13:23:08 +0300
Subject: [PATCH] add base (#62)

* add base

* update main.ts

* update vite.config.ts

* update

* undo changes

* fix image import directory
---
 src/App.tsx                    | 95 ++++++++++++++++------------------
 src/main.tsx                   |  5 +-
 src/pages/Auth/Login/Login.tsx |  2 +-
 3 files changed, 50 insertions(+), 52 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index b98f632..6c8358d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,7 +4,7 @@ import '@rainbow-me/rainbowkit/styles.css';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
-import { BrowserRouter, Route, Routes, Navigate } from 'react-router-dom';
+import { Route, Routes, Navigate } from 'react-router-dom';
 import { WagmiProvider } from 'wagmi';
 import {
   AuthenticationStatus,
@@ -114,57 +114,52 @@ const App: React.FC = () => {
   globalThis.Buffer = Buffer;
 
   return (
-    <BrowserRouter>
-      <LitProvider litNetwork={LitNetwork.DatilDev}>
-        <WagmiProvider config={config}>
-          <QueryClientProvider client={queryClient}>
-            <RainbowKitAuthenticationProvider
-              adapter={authenticationAdapter}
-              status={authStatus}
-            >
-              <RainbowKitProvider initialChain={sepolia}>
-                <ThemeProvider theme={theme}>
-                  <CssBaseline />
-                  <Routes>
+    <LitProvider litNetwork={LitNetwork.DatilDev}>
+      <WagmiProvider config={config}>
+        <QueryClientProvider client={queryClient}>
+          <RainbowKitAuthenticationProvider
+            adapter={authenticationAdapter}
+            status={authStatus}
+          >
+            <RainbowKitProvider initialChain={sepolia}>
+              <ThemeProvider theme={theme}>
+                <CssBaseline />
+                <Routes>
+                  <Route
+                    path="/auth/login"
+                    element={
+                      authStatus === 'authenticated' ? (
+                        <Navigate to="/" replace />
+                      ) : (
+                        <Login />
+                      )
+                    }
+                  />
+                  <Route
+                    element={
+                      <ProtectedRoute>
+                        <DefaultLayout />
+                      </ProtectedRoute>
+                    }
+                  >
+                    <Route path="/" element={<Navigate to="/identifiers" />} />
+                    <Route path="/identifiers" element={<Identifiers />} />
                     <Route
-                      path="/auth/login"
-                      element={
-                        authStatus === 'authenticated' ? (
-                          <Navigate to="/" replace />
-                        ) : (
-                          <Login />
-                        )
-                      }
+                      path="identifiers/:providers/attestation"
+                      element={<Attestation />}
                     />
-                    <Route
-                      element={
-                        <ProtectedRoute>
-                          <DefaultLayout />
-                        </ProtectedRoute>
-                      }
-                    >
-                      <Route
-                        path="/"
-                        element={<Navigate to="/identifiers" />}
-                      />
-                      <Route path="/identifiers" element={<Identifiers />} />
-                      <Route
-                        path="identifiers/:providers/attestation"
-                        element={<Attestation />}
-                      />
-                      <Route path="/permissions" element={<Permissions />} />
-                    </Route>
-                    <Route path="/callback" element={<Callback />} />
-                    <Route path="*" element={<div>Not found</div>} />
-                  </Routes>
-                  <CustomSnackbar />
-                </ThemeProvider>
-              </RainbowKitProvider>
-            </RainbowKitAuthenticationProvider>
-          </QueryClientProvider>
-        </WagmiProvider>
-      </LitProvider>
-    </BrowserRouter>
+                    <Route path="/permissions" element={<Permissions />} />
+                  </Route>
+                  <Route path="/callback" element={<Callback />} />
+                  <Route path="*" element={<div>Not found</div>} />
+                </Routes>
+                <CustomSnackbar />
+              </ThemeProvider>
+            </RainbowKitProvider>
+          </RainbowKitAuthenticationProvider>
+        </QueryClientProvider>
+      </WagmiProvider>
+    </LitProvider>
   );
 };
 
diff --git a/src/main.tsx b/src/main.tsx
index 6177530..4e9f77b 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,10 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </React.StrictMode>
 );
diff --git a/src/pages/Auth/Login/Login.tsx b/src/pages/Auth/Login/Login.tsx
index c202547..9ac00ac 100644
--- a/src/pages/Auth/Login/Login.tsx
+++ b/src/pages/Auth/Login/Login.tsx
@@ -18,7 +18,7 @@ export function Login() {
       <Box
         className="w-3/4 h-full bg-cover bg-center"
         style={{
-          backgroundImage: 'url(../../../../public/img/login.webp)',
+          backgroundImage: 'url(/img/login.webp)',
           backgroundSize: 'cover',
           backgroundRepeat: 'no-repeat',
           backgroundPosition: 'center',