administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-05-06 05:27:44 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Cleanup dialog

Browse Source
This commit is contained in:
Nicolas Mowen 2025-03-27 15:58:02 -06:00
parent c1829c3460
commit d56ab44a58
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/pages/FaceLibrary.tsx
View File

@ -431,10 +431,10 @@ function TrainingGrid({
// selection // selection
const [selectedEvent, setSelectedEvent] = useState<RecognizedFaceData>(); const [selectedEvent, setSelectedEvent] = useState<Event>();
const formattedDate = useFormattedTimestamp( const formattedDate = useFormattedTimestamp(
selectedEvent?.timestamp ?? 0, selectedEvent?.start_time ?? 0,
config?.ui.time_format == "24hour" config?.ui.time_format == "24hour"
? t("time.formattedTimestampWithYear.24hour", { ns: "common" }) ? t("time.formattedTimestampWithYear.24hour", { ns: "common" })
: t("time.formattedTimestampWithYear.12hour", { ns: "common" }), : t("time.formattedTimestampWithYear.12hour", { ns: "common" }),
@ -462,16 +462,20 @@ function TrainingGrid({
</DialogHeader> </DialogHeader>
<div className="flex flex-col gap-1.5"> <div className="flex flex-col gap-1.5">
<div className="text-sm text-primary/40">{t("details.person")}</div> <div className="text-sm text-primary/40">{t("details.person")}</div>
<div className="text-sm capitalize">{selectedEvent?.name}</div>
</div>
<div className="flex flex-col gap-1.5">
<div className="text-sm text-primary/40">
{t("details.confidence")}
</div>
<div className="text-sm capitalize"> <div className="text-sm capitalize">
{(selectedEvent?.score || 0) * 100}% {selectedEvent?.sub_label ?? "Unknown"}
</div> </div>
</div> </div>
{selectedEvent?.data.sub_label_score && (
<div className="flex flex-col gap-1.5">
<div className="text-sm text-primary/40">
{t("details.confidence")}
</div>
<div className="text-sm capitalize">
{(selectedEvent?.data?.sub_label_score || 0) * 100}%
</div>
</div>
)}
<div className="flex flex-col gap-1.5"> <div className="flex flex-col gap-1.5">
<div className="text-sm text-primary/40"> <div className="text-sm text-primary/40">
{t("details.timestamp")} {t("details.timestamp")}
@ -480,7 +484,7 @@ function TrainingGrid({
</div> </div>
<img <img
className="w-full" className="w-full"
src={`${baseUrl}api/events/${selectedEvent?.eventId}/thumbnail.jpg`} src={`${baseUrl}api/events/${selectedEvent?.id}/${selectedEvent?.has_snapshot ? "snapshot.jpg" : "thumbnail.jpg"}`}
/> />
</DialogContent> </DialogContent>
</Dialog> </Dialog>
@ -513,7 +517,7 @@ function TrainingGrid({
if (meta) { if (meta) {
onClickFace(data.filename, meta); onClickFace(data.filename, meta);
} else { } else {
setSelectedEvent(data); setSelectedEvent(event);
} }
}} }}
onRefresh={onRefresh} onRefresh={onRefresh}