diff --git a/web/src/views/classification/ModelSelectionView.tsx b/web/src/views/classification/ModelSelectionView.tsx index 95a221258..537706c61 100644 --- a/web/src/views/classification/ModelSelectionView.tsx +++ b/web/src/views/classification/ModelSelectionView.tsx @@ -10,7 +10,7 @@ import { CustomClassificationModelConfig, FrigateConfig, } from "@/types/frigateConfig"; -import { useCallback, useEffect, useMemo, useRef, useState } from "react"; +import { useCallback, useEffect, useMemo, useState } from "react"; import { useTranslation } from "react-i18next"; import { FaFolderPlus } from "react-icons/fa"; import { MdModelTraining } from "react-icons/md"; @@ -21,7 +21,6 @@ import Heading from "@/components/ui/heading"; import { useOverlayState } from "@/hooks/use-overlay-state"; import axios from "axios"; import { toast } from "sonner"; -import useKeyboardListener from "@/hooks/use-keyboard-listener"; import { DropdownMenu, DropdownMenuContent, @@ -212,12 +211,6 @@ function ModelCard({ config, onClick, onDelete }: ModelCardProps) { }>(`classification/${config.name}/dataset`, { revalidateOnFocus: false }); const [deleteDialogOpen, setDeleteDialogOpen] = useState(false); - const bypassDialogRef = useRef(false); - - useKeyboardListener(["Shift"], (_, modifiers) => { - bypassDialogRef.current = modifiers.shift; - return false; - }); const handleDelete = useCallback(async () => { await axios @@ -241,13 +234,10 @@ function ModelCard({ config, onClick, onDelete }: ModelCardProps) { }); }, [config, onDelete, t]); - const handleDeleteClick = useCallback(() => { - if (bypassDialogRef.current) { - handleDelete(); - } else { - setDeleteDialogOpen(true); - } - }, [handleDelete]); + const handleDeleteClick = useCallback((e: React.MouseEvent) => { + e.stopPropagation(); + setDeleteDialogOpen(true); + }, []); const coverImage = useMemo(() => { if (!dataset) { @@ -315,14 +305,13 @@ function ModelCard({ config, onClick, onDelete }: ModelCardProps) { - + e.stopPropagation()} + > - - {bypassDialogRef.current - ? t("button.deleteNow", { ns: "common" }) - : t("button.delete", { ns: "common" })} - + {t("button.delete", { ns: "common" })}