@authdog/react-elements 0.0.47 → 0.0.48

package/src/components/core/navbar.tsx

@@ -205,7 +205,7 @@ export function Navbar({
                 <DropdownMenuTrigger asChild>
                   <Button
                     variant="ghost"
-                    className="relative h-8 w-8 rounded-full"
+                    className="relative h-8 w-8 rounded-full cursor-pointer"
                     disabled={isLoading}
                   >
                     <Avatar className="h-8 w-8">
@@ -243,29 +243,33 @@ export function Navbar({
                           </p>
                         </div>
                       </DropdownMenuLabel>
-                      <DropdownMenuSeparator />
-                      <DropdownMenuGroup>
-                        {dropdownMenuItems.map((item, index) => (
-                          <DropdownMenuItem
-                            key={index}
-                            onClick={() => {
-                              if (!item.disabled) {
-                                // Backward compatibility: if it's the profile item and onProfileSelected exists
-                                if (item.uri === "/profile" && onProfileSelected) {
-                                  onProfileSelected();
-                                }
-                                onDropdownMenuItemClick(item.uri);
-                              }
-                            }}
-                            disabled={item.disabled}
-                            className="cursor-pointer"
-                          >
-                            {item.icon && <IconWrapper Icon={item.icon} />}
-                            <span>{item.name}</span>
-                          </DropdownMenuItem>
-                        ))}
-                      </DropdownMenuGroup>
-                      <DropdownMenuSeparator />
+                      {dropdownMenuItems.length > 0 && (
+                        <>
+                          <DropdownMenuSeparator />
+                          <DropdownMenuGroup>
+                            {dropdownMenuItems.map((item, index) => (
+                              <DropdownMenuItem
+                                key={index}
+                                onClick={() => {
+                                  if (!item.disabled) {
+                                    // Backward compatibility: if it's the profile item and onProfileSelected exists
+                                    if (item.uri === "/profile" && onProfileSelected) {
+                                      onProfileSelected();
+                                    }
+                                    onDropdownMenuItemClick(item.uri);
+                                  }
+                                }}
+                                disabled={item.disabled}
+                                className="cursor-pointer"
+                              >
+                                {item.icon && <IconWrapper Icon={item.icon} />}
+                                <span>{item.name}</span>
+                              </DropdownMenuItem>
+                            ))}
+                          </DropdownMenuGroup>
+                          <DropdownMenuSeparator />
+                        </>
+                      )}
                       <DropdownMenuItem onClick={onLogout} className="cursor-pointer">
                         <IconWrapper Icon={LogOut} />
                         <span>Log out</span>

package/src/components/ui/theme-toggle.tsx

@@ -46,6 +46,7 @@ export const ThemeToggle = () => {
     <Button
       variant="ghost"
       size="icon"
+      className="cursor-pointer"
       aria-label={mode === "dark" ? "Switch to light theme" : "Switch to dark theme"}
       onClick={toggle}
     >