import { Fragment } from "react"; import { useRouter } from "next/router"; import { useTheme } from "next-themes"; import { observer } from "mobx-react-lite"; import Link from "next/link"; import { mutate } from "swr"; // components import { Menu, Transition } from "@headlessui/react"; // icons import { Cog, LogIn, LogOut, Settings } from "lucide-react"; // mobx store import { useMobxStore } from "lib/mobx/store-provider"; // hooks import useToast from "hooks/use-toast"; // ui import { Avatar, Tooltip } from "@plane/ui"; // Static Data const PROFILE_LINKS = [ { key: "settings", name: "Settings", icon: Settings, link: `/profile`, }, ]; export const InstanceSidebarDropdown = observer(() => { const router = useRouter(); // store const { theme: { sidebarCollapsed }, workspace: { workspaceSlug }, user: { signOut, currentUser, currentUserSettings }, } = useMobxStore(); // hooks const { setToastAlert } = useToast(); const { setTheme } = useTheme(); // redirect url for normal mode const redirectWorkspaceSlug = workspaceSlug || currentUserSettings?.workspace?.last_workspace_slug || currentUserSettings?.workspace?.fallback_workspace_slug || ""; const handleSignOut = async () => { await signOut() .then(() => { mutate("CURRENT_USER_DETAILS", null); setTheme("system"); router.push("/"); }) .catch(() => setToastAlert({ type: "error", title: "Error!", message: "Failed to sign out. Please try again.", }) ); }; return (
{!sidebarCollapsed && (

Instance admin

)}
{!sidebarCollapsed && (
{currentUser?.email} {PROFILE_LINKS.map((link) => ( {link.name} ))}
Sign out
Exit God Mode
)}
); });