diff --git a/web/src/components/Statusbar.tsx b/web/src/components/Statusbar.tsx index 18a0d9ee1..4e7c4053c 100644 --- a/web/src/components/Statusbar.tsx +++ b/web/src/components/Statusbar.tsx @@ -7,6 +7,7 @@ import useStats, { useAutoFrigateStats } from "@/hooks/use-stats"; import { cn } from "@/lib/utils"; import type { ProfilesApiResponse } from "@/types/profile"; import { getProfileColor } from "@/utils/profileColors"; +import { useIsAdmin } from "@/hooks/use-is-admin"; import { useContext, useEffect, useMemo } from "react"; import { useTranslation } from "react-i18next"; import useSWR from "swr"; @@ -18,6 +19,7 @@ import { Link } from "react-router-dom"; export default function Statusbar() { const { t } = useTranslation(["views/system"]); + const isAdmin = useIsAdmin(); const { messages, addMessage, clearMessages } = useContext( StatusBarMessagesContext, @@ -154,9 +156,23 @@ export default function Statusbar() { ); })} - {activeProfile && ( - -
+ {activeProfile && + (isAdmin ? ( + +
+ + + {activeProfile.friendlyName} + +
+ + ) : ( +
- - )} + ))}
{Object.entries(messages).length === 0 ? (