From 59e93c0c23231f2f9cc2a4a8d5fdc0e8c4a2b7f1 Mon Sep 17 00:00:00 2001
From: mehditorabiv <mehditorabiv@gmail.com>
Date: Fri, 30 Aug 2024 12:49:43 +0300
Subject: [PATCH] update main.ts

---
 src/App.tsx  | 95 +++++++++++++++++++++++++---------------------------
 src/main.tsx |  5 ++-
 2 files changed, 49 insertions(+), 51 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>
 );