Merge pull request #216 from Amogh-Nivaskar/'fix/add-cursor-pointer-t…

…o-theme-toggle-dropdown-2 fix: added cursor as pointer for theme toggle dropdown menu items
piyushgarg-dev · Oct 23, 2023 · 9eb2853 · 9eb2853
2 parents 497ada8 + 9f3a6b8
commit 9eb2853
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/components/ThemeToggle.tsx b/components/ThemeToggle.tsx
@@ -23,15 +23,24 @@ export function ThemeToggle() {
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end" className="z-[1000]">
-        <DropdownMenuItem onClick={() => setTheme('light')}>
+        <DropdownMenuItem
+          className="cursor-pointer"
+          onClick={() => setTheme('light')}
+        >
           <span>Light</span>
           {theme === 'light' && <CheckIcon className="ml-auto mr-2 h-4 w-4" />}
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme('dark')}>
+        <DropdownMenuItem
+          className="cursor-pointer"
+          onClick={() => setTheme('dark')}
+        >
           <span>Dark</span>
           {theme === 'dark' && <CheckIcon className="ml-auto mr-2 h-4 w-4" />}
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme('system')}>
+        <DropdownMenuItem
+          className="cursor-pointer"
+          onClick={() => setTheme('system')}
+        >
           <span>System</span>
           {theme === 'system' && <CheckIcon className="ml-auto mr-2 h-4 w-4" />}
         </DropdownMenuItem>