administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-14 15:15:22 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge branch 'refactor-search-details' of https://github.com/blakeblackshear/frigate into refactor-search-details

Browse Source
This commit is contained in:
Josh Hawkins 2024-09-11 08:35:04 -05:00
commit 31ad49b401
2 changed files with 40 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/overlay/detail/SearchDetailDialog.tsx
View File

@ -151,7 +151,9 @@ export default function SearchDetailDialog({
upload={search as unknown as Event}
dialog={false}
onClose={() => {}}
onEventUploaded={() => {}}
onEventUploaded={() => {
search.plus_id = "new_upload";
}}
/>
)}
{page == "video" && <VideoTab search={search} />}

53
web/src/components/overlay/dialog/FrigatePlusDialog.tsx
View File

@ -1,4 +1,5 @@
import { baseUrl } from "@/api/baseUrl";
import ActivityIndicator from "@/components/indicators/activity-indicator";
import { Button } from "@/components/ui/button";
import {
Dialog,
@ -11,10 +12,12 @@ import {
import { Event } from "@/types/event";
import { FrigateConfig } from "@/types/frigateConfig";
import axios from "axios";
import { useCallback, useMemo } from "react";
import { useCallback, useMemo, useState } from "react";
import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch";
import useSWR from "swr";
type SubmissionState = "reviewing" | "uploading" | "submitted";
type FrigatePlusDialogProps = {
upload?: Event;
dialog?: boolean;
@ -51,6 +54,10 @@ export function FrigatePlusDialog({
// upload
const [state, setState] = useState<SubmissionState>(
upload?.plus_id ? "submitted" : "reviewing",
);
const onSubmitToPlus = useCallback(
async (falsePositive: boolean) => {
if (!upload) {
@ -63,6 +70,7 @@ export function FrigatePlusDialog({
include_annotation: 1,
});
setState("submitted");
onEventUploaded();
onClose();
},
@ -97,21 +105,34 @@ export function FrigatePlusDialog({
/>
)}
</TransformComponent>
{upload?.plus_id == undefined && (
<DialogFooter>
{dialog && <Button onClick={onClose}>Cancel</Button>}
<Button className="bg-success" onClick={() => onSubmitToPlus(false)}>
This is a {upload?.label}
</Button>
<Button
className="text-white"
variant="destructive"
onClick={() => onSubmitToPlus(true)}
>
This is not a {upload?.label}
</Button>
</DialogFooter>
)}
<DialogFooter>
{state == "reviewing" && (
<>
{dialog && <Button onClick={onClose}>Cancel</Button>}
<Button
className="bg-success"
onClick={() => {
setState("uploading");
onSubmitToPlus(false);
}}
>
This is a {upload?.label}
</Button>
<Button
className="text-white"
variant="destructive"
onClick={() => {
setState("uploading");
onSubmitToPlus(true);
}}
>
This is not a {upload?.label}
</Button>
</>
)}
{state == "uploading" && <ActivityIndicator />}
</DialogFooter>
</TransformWrapper>
);