feat: web sprint 250-262 — plans/clients/tickets/audit/profile/settings/leads/reports #26
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import { useAuth } from "@/contexts/AuthContext";
|
import { useAuth } from "@/contexts/AuthContext";
|
||||||
import { Menu, LogOut, User } from "lucide-react";
|
import { Menu, LogOut, User } from "lucide-react";
|
||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
interface TopBarProps {
|
interface TopBarProps {
|
||||||
onMenuClick: () => void;
|
onMenuClick: () => void;
|
||||||
@@ -26,11 +27,11 @@ export function TopBar({ onMenuClick }: TopBarProps) {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<div className="hidden sm:flex items-center gap-2 text-sm text-gray-600">
|
<Link href="/profile" className="hidden sm:flex items-center gap-2 text-sm text-gray-600 hover:text-blue-600 transition-colors rounded-lg px-2 py-1 hover:bg-blue-50">
|
||||||
<User className="h-4 w-4 text-gray-400" />
|
<User className="h-4 w-4 text-gray-400" />
|
||||||
<span>{user?.name || user?.email || "User"}</span>
|
<span>{user?.name || user?.email || "User"}</span>
|
||||||
<span className="text-xs text-gray-400 bg-gray-100 px-2 py-0.5 rounded-full">{user?.role}</span>
|
<span className="text-xs text-gray-400 bg-gray-100 px-2 py-0.5 rounded-full">{user?.role}</span>
|
||||||
</div>
|
</Link>
|
||||||
<button
|
<button
|
||||||
onClick={logout}
|
onClick={logout}
|
||||||
className="flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm text-gray-600 hover:bg-red-50 hover:text-red-600 transition-colors"
|
className="flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm text-gray-600 hover:bg-red-50 hover:text-red-600 transition-colors"
|
||||||
|
|||||||
Reference in New Issue
Block a user