administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-12-06 05:24:11 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Don't show admin action buttons on export card

Browse Source
This commit is contained in:
Nicolas Mowen 2025-12-04 10:32:45 -07:00
parent b3abede6cb
commit bbe18d5d6b
1 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
web/src/components/card/ExportCard.tsx
View File

@ -23,6 +23,7 @@ import { useTranslation } from "react-i18next";
import { ImageShadowOverlay } from "../overlay/ImageShadowOverlay"; import { ImageShadowOverlay } from "../overlay/ImageShadowOverlay";
import BlurredIconButton from "../button/BlurredIconButton"; import BlurredIconButton from "../button/BlurredIconButton";
import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip"; import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
import { useIsAdmin } from "@/hooks/use-is-admin";
type ExportProps = { type ExportProps = {
className: string; className: string;
@ -40,6 +41,7 @@ export default function ExportCard({
onDelete, onDelete,
}: ExportProps) { }: ExportProps) {
const { t } = useTranslation(["views/exports"]); const { t } = useTranslation(["views/exports"]);
const isAdmin = useIsAdmin();
const [hovered, setHovered] = useState(false); const [hovered, setHovered] = useState(false);
const [loading, setLoading] = useState( const [loading, setLoading] = useState(
exportedRecording.thumb_path.length > 0, exportedRecording.thumb_path.length > 0,
@ -195,7 +197,7 @@ export default function ExportCard({
</Tooltip> </Tooltip>
</a> </a>
)} )}
{!exportedRecording.in_progress && ( {isAdmin && !exportedRecording.in_progress && (
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<BlurredIconButton <BlurredIconButton
@ -212,21 +214,23 @@ export default function ExportCard({
<TooltipContent>{t("tooltip.editName")}</TooltipContent> <TooltipContent>{t("tooltip.editName")}</TooltipContent>
</Tooltip> </Tooltip>
)} )}
<Tooltip> {isAdmin && (
<TooltipTrigger asChild> <Tooltip>
<BlurredIconButton <TooltipTrigger asChild>
onClick={() => <BlurredIconButton
onDelete({ onClick={() =>
file: exportedRecording.id, onDelete({
exportName: exportedRecording.name, file: exportedRecording.id,
}) exportName: exportedRecording.name,
} })
> }
<LuTrash className="size-4 fill-destructive text-destructive hover:text-white" /> >
</BlurredIconButton> <LuTrash className="size-4 fill-destructive text-destructive hover:text-white" />
</TooltipTrigger> </BlurredIconButton>
<TooltipContent>{t("tooltip.deleteExport")}</TooltipContent> </TooltipTrigger>
</Tooltip> <TooltipContent>{t("tooltip.deleteExport")}</TooltipContent>
</Tooltip>
)}
</div> </div>
</div> </div>