From 2e95a709df9608dac63069f78af4332dbe085f1f Mon Sep 17 00:00:00 2001
From: Huda Mabkhoot <hudamabkhoot@gmail.com>
Date: Thu, 17 Oct 2024 12:32:22 +0300
Subject: [PATCH 1/2] Updated the manualChunks function

---
 vite.config.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/vite.config.js b/vite.config.js
index 55fbfe6..c363f1f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -45,9 +45,6 @@ export default defineConfig(({ mode }) => ({
 			output: {
 				manualChunks: (id) => {
 					if (id.includes('node_modules')) {
-						if (id.includes('react')) {
-							return 'vendor__react';
-						}
 						if (id.includes('firebase')) {
 							return 'vendor__firebase';
 						}

From e30b32e27eed42e55b3c56fc8a406f5b48cc1a69 Mon Sep 17 00:00:00 2001
From: Huda Mabkhoot <hudamabkhoot@gmail.com>
Date: Thu, 17 Oct 2024 16:05:03 +0300
Subject: [PATCH 2/2] Fixed the button inside a button issue

---
 src/components/NavBar.jsx |  8 ++------
 src/views/Login.jsx       | 10 +++++-----
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/NavBar.jsx b/src/components/NavBar.jsx
index 2ee8d19..9f34c5e 100644
--- a/src/components/NavBar.jsx
+++ b/src/components/NavBar.jsx
@@ -68,9 +68,7 @@ export function NavBar({ darkMode, toggleDarkMode }) {
 										darkMode ? 'Switch to light mode' : 'Switch to dark mode'
 									}
 								>
-									<button className=" rounded-full text-primary-pink hover:text-opacity-60">
-										{darkMode ? <Eclipse /> : <Sun />}
-									</button>
+									{darkMode ? <Eclipse /> : <Sun />}
 								</abbr>
 							</Button>
 						</div>
@@ -103,9 +101,7 @@ export function NavBar({ darkMode, toggleDarkMode }) {
 										darkMode ? 'Switch to light mode' : 'Switch to dark mode'
 									}
 								>
-									<button className="px-2 rounded-full text-primary-pink hover:text-opacity-60">
-										{darkMode ? <Eclipse /> : <Sun />}
-									</button>
+									{darkMode ? <Eclipse /> : <Sun />}
 								</abbr>
 							</Button>
 							{!!user ? (
diff --git a/src/views/Login.jsx b/src/views/Login.jsx
index f335e5c..80ff936 100644
--- a/src/views/Login.jsx
+++ b/src/views/Login.jsx
@@ -46,11 +46,11 @@ function Login() {
 				className="fixed w-16 bottom-16 right-16 p-2 rounded-full text-primary-pink hover:text-primary-pink hover:text-opacity-60 font-semibold"
 			>
 				<abbr title={darkMode ? 'Switch to light mode' : 'Switch to dark mode'}>
-					<button
-						className={`${darkMode && 'dark'} rounded-full text-primary-pink hover:text-opacity-60`}
-					>
-						{darkMode ? <Eclipse /> : <Sun />}
-					</button>
+					{darkMode ? (
+						<Eclipse className="w-8 h-8" />
+					) : (
+						<Sun className="w-8 h-8" />
+					)}
 				</abbr>
 			</Button>
 		</div>