administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-05-01 19:17:41 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

hide disable from context menu for viewers

Browse Source
This commit is contained in:
Josh Hawkins 2025-05-31 11:17:36 -05:00
parent bb32560f62
commit d914f5f3fd
1 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/components/menu/LiveContextMenu.tsx
View File

@ -46,6 +46,7 @@ import {
} from "@/api/ws"; } from "@/api/ws";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { useDateLocale } from "@/hooks/use-date-locale"; import { useDateLocale } from "@/hooks/use-date-locale";
import { useIsAdmin } from "@/hooks/use-is-admin";
type LiveContextMenuProps = { type LiveContextMenuProps = {
className?: string; className?: string;
@ -90,6 +91,10 @@ export default function LiveContextMenu({
const { t } = useTranslation("views/live"); const { t } = useTranslation("views/live");
const [showSettings, setShowSettings] = useState(false); const [showSettings, setShowSettings] = useState(false);
// roles
const isAdmin = useIsAdmin();
// camera enabled // camera enabled
const { payload: enabledState, send: sendEnabled } = useEnabledState(camera); const { payload: enabledState, send: sendEnabled } = useEnabledState(camera);
@ -301,17 +306,21 @@ export default function LiveContextMenu({
</> </>
)} )}
<ContextMenuSeparator /> <ContextMenuSeparator />
<ContextMenuItem> {isAdmin && (
<div <>
className="flex w-full cursor-pointer items-center justify-start gap-2" <ContextMenuItem>
onClick={() => sendEnabled(isEnabled ? "OFF" : "ON")} <div
> className="flex w-full cursor-pointer items-center justify-start gap-2"
<div className="text-primary"> onClick={() => sendEnabled(isEnabled ? "OFF" : "ON")}
{isEnabled ? t("camera.disable") : t("camera.enable")} >
</div> <div className="text-primary">
</div> {isEnabled ? t("camera.disable") : t("camera.enable")}
</ContextMenuItem> </div>
<ContextMenuSeparator /> </div>
</ContextMenuItem>
<ContextMenuSeparator />
</>
)}
<ContextMenuItem disabled={!isEnabled}> <ContextMenuItem disabled={!isEnabled}>
<div <div
className="flex w-full cursor-pointer items-center justify-start gap-2" className="flex w-full cursor-pointer items-center justify-start gap-2"