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

Add animation

Browse Source
This commit is contained in:
Nicolas Mowen 2025-10-07 15:55:08 -06:00
parent 15e0f5b537
commit 4802cbca4c
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/overlay/chip/GenAISummaryChip.tsx
View File

@ -12,17 +12,22 @@ type GenAISummaryChipProps = {
onClick: () => void; onClick: () => void;
}; };
export function GenAISummaryChip({ review, onClick }: GenAISummaryChipProps) { export function GenAISummaryChip({ review, onClick }: GenAISummaryChipProps) {
if (!review?.data?.metadata) { const [isVisible, setIsVisible] = useState(false);
return null;
} useEffect(() => {
setIsVisible(review?.data?.metadata != undefined);
}, [review]);
return ( return (
<div <div
className="absolute left-1/2 top-8 z-30 flex max-w-[90vw] -translate-x-[50%] cursor-pointer select-none items-center gap-2 rounded-full bg-card p-2 text-sm" className={cn(
"absolute left-1/2 top-8 z-30 flex max-w-[90vw] -translate-x-[50%] cursor-pointer select-none items-center gap-2 rounded-full bg-card p-2 text-sm transition-all duration-500",
isVisible ? "translate-y-0 opacity-100" : "-translate-y-4 opacity-0",
)}
onClick={onClick} onClick={onClick}
> >
<MdAutoAwesome className="shrink-0" /> <MdAutoAwesome className="shrink-0" />
<span className="truncate">{review.data.metadata.title}</span> <span className="truncate">{review?.data.metadata?.title}</span>
</div> </div>
); );
} }