From e3eba480fa5c8909176be69e5b4c3fa4084023ce Mon Sep 17 00:00:00 2001
From: aelassas <akram.elassas@gmail.com>
Date: Sun, 15 Dec 2024 11:14:16 +0100
Subject: [PATCH] Update main.tsx

---
 backend/src/main.tsx  | 34 ++++++++++++++++++----------------
 frontend/src/main.tsx | 37 ++++++++++++++++++++-----------------
 2 files changed, 38 insertions(+), 33 deletions(-)

diff --git a/backend/src/main.tsx b/backend/src/main.tsx
index c56474654..711987ff1 100644
--- a/backend/src/main.tsx
+++ b/backend/src/main.tsx
@@ -100,20 +100,22 @@ const theme = createTheme(
 )
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
-  <ThemeProvider theme={theme}>
-    <CssBaseline>
-      <App />
-      <ToastContainer
-        position="bottom-right"
-        autoClose={5000}
-        hideProgressBar={false}
-        newestOnTop={false}
-        closeOnClick
-        pauseOnFocusLoss={false}
-        draggable={false}
-        pauseOnHover
-        theme="dark"
-      />
-    </CssBaseline>
-  </ThemeProvider>,
+  <React.StrictMode>
+    <ThemeProvider theme={theme}>
+      <CssBaseline>
+        <App />
+        <ToastContainer
+          position="bottom-right"
+          autoClose={5000}
+          hideProgressBar={false}
+          newestOnTop={false}
+          closeOnClick
+          pauseOnFocusLoss={false}
+          draggable={false}
+          pauseOnHover
+          theme="dark"
+        />
+      </CssBaseline>
+    </ThemeProvider>
+  </React.StrictMode>,
 )
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 16bb4c5b1..82f9bb715 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -243,7 +243,8 @@ const theme = createTheme(
             // },
             // Selected
             '&[aria-selected="true"]': {
-              backgroundColor: '#faad43 !important',
+              // backgroundColor: '#faad43 !important',
+              backgroundColor: '#F7B644 !important',
             },
           },
         },
@@ -256,20 +257,22 @@ const theme = createTheme(
 )
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
-  <ThemeProvider theme={theme}>
-    <CssBaseline>
-      <App />
-      <ToastContainer
-        position="bottom-right"
-        autoClose={5000}
-        hideProgressBar={false}
-        newestOnTop={false}
-        closeOnClick
-        pauseOnFocusLoss={false}
-        draggable={false}
-        pauseOnHover
-        theme="dark"
-      />
-    </CssBaseline>
-  </ThemeProvider>,
+  <React.StrictMode>
+    <ThemeProvider theme={theme}>
+      <CssBaseline>
+        <App />
+        <ToastContainer
+          position="bottom-right"
+          autoClose={5000}
+          hideProgressBar={false}
+          newestOnTop={false}
+          closeOnClick
+          pauseOnFocusLoss={false}
+          draggable={false}
+          pauseOnHover
+          theme="dark"
+        />
+      </CssBaseline>
+    </ThemeProvider>
+  </React.StrictMode>,
 )