23cc327190
- Adjusted indentation and formatting in login, permissions, profile, and security pages for better readability. - Enhanced the clarity of conditional statements and function calls in permissions and profile components. - Updated type definitions in vite-env.d.ts for better code structure. - Cleaned up array mapping syntax in ProductTest.php for consistency.
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
import { usePage } from '@inertiajs/react';
|
|
import { ChevronsUpDown } from 'lucide-react';
|
|
import {
|
|
DropdownMenu,
|
|
DropdownMenuContent,
|
|
DropdownMenuTrigger,
|
|
} from '@/components/ui/dropdown-menu';
|
|
import { UserInfo } from '@/components/user-info';
|
|
import { UserMenuContent } from '@/components/user-menu-content';
|
|
|
|
export function NavUser() {
|
|
const { auth } = usePage().props;
|
|
|
|
if (!auth.user) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger asChild>
|
|
<button
|
|
className="flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
|
|
data-test="header-user-menu-button"
|
|
>
|
|
<UserInfo user={auth.user} />
|
|
<ChevronsUpDown className="ml-auto size-4" />
|
|
</button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent className="w-56 rounded-lg" align="end">
|
|
<UserMenuContent user={auth.user} />
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
);
|
|
}
|