Working on the dropdown logged in dashboard.

2026-07-14 11:16:13 +02:00 · 2024-11-10 09:34:27 +01:00
parent 6d90bb23c1
commit ce0265bd8c
9 changed files with 136 additions and 31 deletions
@@ -0,0 +1,40 @@
+"use client"
+
+import {PropsWithChildren} from "react";
+import {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from "@/components/ui/dropdown-menu";
+import {signOutAction} from "@/features/auth/auth.action";
+import {Home, LogOut, Square, User, Gauge, User2, ChevronUp} from "lucide-react";
+import Link from "next/link";
+import {useTranslations} from "use-intl";
+import {SidebarMenuButton} from "@/components/ui/sidebar";
+import {UserAvatar} from "@/components/wrappers/Dashboard/UserAvatar/UserAvatar";
+
+export type LoggedInDropdownProps = PropsWithChildren<{}>
+
+export const LoggedInDropdown = (props: LoggedInDropdownProps) => {
+
+    return (
+        <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+                {props.children}
+            </DropdownMenuTrigger>
+            <DropdownMenuContent
+                side="top"
+                className="w-[--radix-popper-anchor-width]"
+            >
+                <DropdownMenuItem>
+                    <span>Account</span>
+                </DropdownMenuItem>
+                <DropdownMenuItem>
+                    <span>Billing</span>
+                </DropdownMenuItem>
+                <DropdownMenuItem onClick={() => {
+                    signOutAction()
+                }}>
+                    <span>Sign out</span>
+                </DropdownMenuItem>
+            </DropdownMenuContent>
+        </DropdownMenu>
+
+)
+}