From b5653d415664fb5ab599b3c7c4adafb34eadb23b Mon Sep 17 00:00:00 2001
From: Tejas Benibagde <124677750+tejasbenibagde@users.noreply.github.com>
Date: Fri, 11 Apr 2025 05:13:46 +0000
Subject: [PATCH] fix(ui): apply pointer cursor to theme toggle and Google
 sign-up buttons

---
 surfsense_web/components/Navbar.tsx             | 4 ++--
 surfsense_web/components/theme/theme-toggle.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/surfsense_web/components/Navbar.tsx b/surfsense_web/components/Navbar.tsx
index e854532..52d1879 100644
--- a/surfsense_web/components/Navbar.tsx
+++ b/surfsense_web/components/Navbar.tsx
@@ -190,7 +190,7 @@ const DesktopNav = ({ navItems, visible }: NavbarProps) => {
               <Button
                 onClick={handleGoogleLogin}
                 variant="outline"
-                className="hidden md:flex items-center gap-2 rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
+                className="hidden cursor-pointer md:flex items-center gap-2 rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
               >
                 <IconBrandGoogleFilled className="h-4 w-4" />
                 <span>Sign in with Google</span>
@@ -293,7 +293,7 @@ const MobileNav = ({ navItems, visible }: NavbarProps) => {
               <Button
                 onClick={handleGoogleLogin}
                 variant="outline"
-                className="flex items-center gap-2 mt-4 w-full justify-center rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
+                className="flex cursor-pointer items-center gap-2 mt-4 w-full justify-center rounded-full dark:bg-white/20 dark:hover:bg-white/30 dark:text-white bg-gray-100 hover:bg-gray-200 text-gray-800 border-0"
               >
                 <IconBrandGoogleFilled className="h-4 w-4" />
                 <span>Sign in with Google</span>
diff --git a/surfsense_web/components/theme/theme-toggle.tsx b/surfsense_web/components/theme/theme-toggle.tsx
index 3066613..c95527d 100644
--- a/surfsense_web/components/theme/theme-toggle.tsx
+++ b/surfsense_web/components/theme/theme-toggle.tsx
@@ -20,7 +20,7 @@ export function ThemeTogglerComponent() {
         onClick={() => {
           theme === "dark" ? setTheme("light") : setTheme("dark");
         }}
-        className="w-8 h-8 flex hover:bg-gray-50 dark:hover:bg-white/[0.1] rounded-lg items-center justify-center outline-none focus:ring-0 focus:outline-none active:ring-0 active:outline-none overflow-hidden"
+        className="w-8 h-8 flex hover:bg-gray-50 dark:hover:bg-white/[0.1] rounded-lg items-center cursor-pointer justify-center outline-none focus:ring-0 focus:outline-none active:ring-0 active:outline-none overflow-hidden"
       >
         {theme === "light" && (
           <motion.div