administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-12 01:57:36 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

plate link and spacing in object lifecycle

Browse Source
This commit is contained in:
Josh Hawkins 2025-10-26 06:52:57 -05:00
parent c9f88ad877
commit 612e3da7d8
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/components/overlay/detail/ObjectLifecycle.tsx
View File

@ -41,7 +41,7 @@ import {
ContextMenuItem, ContextMenuItem,
ContextMenuTrigger, ContextMenuTrigger,
} from "@/components/ui/context-menu"; } from "@/components/ui/context-menu";
import { useNavigate } from "react-router-dom"; import { Link, useNavigate } from "react-router-dom";
import { ObjectPath } from "./ObjectPath"; import { ObjectPath } from "./ObjectPath";
import { getLifecycleItemDescription } from "@/utils/lifecycleUtil"; import { getLifecycleItemDescription } from "@/utils/lifecycleUtil";
import { IoPlayCircleOutline } from "react-icons/io5"; import { IoPlayCircleOutline } from "react-icons/io5";
@ -649,10 +649,15 @@ export default function ObjectLifecycle({
</span> </span>
{event.data?.recognized_license_plate && ( {event.data?.recognized_license_plate && (
<> <>
·{" "} <span className="text-secondary-foreground">·</span>
<span className="text-sm text-secondary-foreground"> <div className="text-sm text-secondary-foreground">
{event.data.recognized_license_plate} <Link
</span> to={`/explore?recognized_license_plate=${event.data.recognized_license_plate}`}
className="text-sm"
>
{event.data.recognized_license_plate}
</Link>
</div>
</> </>
)} )}
</div> </div>
@ -832,10 +837,12 @@ function LifecycleIconRow({
/> />
</div> </div>
<div className="flex w-full flex-row justify-between"> <div className="ml-2 flex w-full min-w-0 flex-1">
<div className="flex flex-col"> <div className="flex flex-col">
<div>{getLifecycleItemDescription(item)}</div> <div className="text-md flex items-start break-words text-left">
<div className="mt-1 flex flex-wrap items-center gap-2 text-sm text-secondary-foreground md:gap-5"> {getLifecycleItemDescription(item)}
</div>
<div className="mt-1 flex flex-wrap items-center gap-2 text-xs text-secondary-foreground md:gap-5">
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<span className="text-primary-variant"> <span className="text-primary-variant">
{t("objectLifecycle.lifecycleItemDesc.header.ratio")} {t("objectLifecycle.lifecycleItemDesc.header.ratio")}
@ -893,8 +900,9 @@ function LifecycleIconRow({
)} )}
</div> </div>
</div> </div>
</div>
<div className={cn("p-1 text-sm")}>{formattedEventTimestamp}</div> <div className="ml-3 flex-shrink-0 px-1 text-right text-xs text-primary-variant">
<div className="whitespace-nowrap">{formattedEventTimestamp}</div>
</div> </div>
</div> </div>
</div> </div>