diff --git a/web/src/components/overlay/dialog/FrigatePlusDialog.tsx b/web/src/components/overlay/dialog/FrigatePlusDialog.tsx index 42f17109b..06ed26704 100644 --- a/web/src/components/overlay/dialog/FrigatePlusDialog.tsx +++ b/web/src/components/overlay/dialog/FrigatePlusDialog.tsx @@ -12,7 +12,7 @@ import { import { Event } from "@/types/event"; import { FrigateConfig } from "@/types/frigateConfig"; import axios from "axios"; -import { useCallback, useMemo, useState } from "react"; +import { useCallback, useEffect, useMemo, useState } from "react"; import { isDesktop } from "react-device-detect"; import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch"; import useSWR from "swr"; @@ -62,6 +62,11 @@ export function FrigatePlusDialog({ upload?.plus_id ? "submitted" : "reviewing", ); + useEffect( + () => setState(upload?.plus_id ? "submitted" : "reviewing"), + [upload], + ); + const onSubmitToPlus = useCallback( async (falsePositive: boolean) => { if (!upload) {