use toggle in menu

This commit is contained in:
Josh Hawkins 2025-10-25 08:42:20 -05:00
parent 13377cc5b9
commit 4edeb4ac24

View File

@ -18,8 +18,8 @@ type EventMenuProps = {
config?: FrigateConfig; config?: FrigateConfig;
onOpenUpload?: (e: Event) => void; onOpenUpload?: (e: Event) => void;
onOpenSimilarity?: (e: Event) => void; onOpenSimilarity?: (e: Event) => void;
selectedObjectId?: string; isSelected?: boolean;
setSelectedObjectId?: (event: Event | undefined) => void; onToggleSelection?: (event: Event | undefined) => void;
}; };
export default function EventMenu({ export default function EventMenu({
@ -27,18 +27,18 @@ export default function EventMenu({
config, config,
onOpenUpload, onOpenUpload,
onOpenSimilarity, onOpenSimilarity,
selectedObjectId, isSelected = false,
setSelectedObjectId, onToggleSelection,
}: EventMenuProps) { }: EventMenuProps) {
const apiHost = useApiHost(); const apiHost = useApiHost();
const navigate = useNavigate(); const navigate = useNavigate();
const { t } = useTranslation("views/explore"); const { t } = useTranslation("views/explore");
const handleObjectSelect = () => { const handleObjectSelect = () => {
if (event.id === selectedObjectId) { if (isSelected) {
setSelectedObjectId?.(undefined); onToggleSelection?.(undefined);
} else { } else {
setSelectedObjectId?.(event); onToggleSelection?.(event);
} }
}; };
@ -54,7 +54,7 @@ export default function EventMenu({
<DropdownMenuPortal> <DropdownMenuPortal>
<DropdownMenuContent> <DropdownMenuContent>
<DropdownMenuItem onSelect={handleObjectSelect}> <DropdownMenuItem onSelect={handleObjectSelect}>
{event.id === selectedObjectId {isSelected
? t("itemMenu.hideObjectDetails.label") ? t("itemMenu.hideObjectDetails.label")
: t("itemMenu.showObjectDetails.label")} : t("itemMenu.showObjectDetails.label")}
</DropdownMenuItem> </DropdownMenuItem>