mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-04-12 01:57:36 +03:00
use toggle in menu
This commit is contained in:
parent
13377cc5b9
commit
4edeb4ac24
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user