administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-10 21:25:24 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Consolidate packages and fix opening recording from event

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-26 08:22:34 -06:00
parent d682ff813a
commit 4384d4b1d8
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/image/AnimatedEventThumbnail.tsx → web/src/components/card/AnimatedEventCard.tsx
View File

@ -8,11 +8,12 @@ import { ReviewSegment } from "@/types/review";
import { useNavigate } from "react-router-dom";
import { Skeleton } from "../ui/skeleton";
import { RecordingStartingPoint } from "@/types/record";
import axios from "axios";
type AnimatedEventThumbnailProps = {
type AnimatedEventCardProps = {
event: ReviewSegment;
};
export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
export function AnimatedEventCard({ event }: AnimatedEventCardProps) {
const { data: config } = useSWR<FrigateConfig>("config");
// interaction
@ -21,11 +22,15 @@ export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
const onOpenReview = useCallback(() => {
navigate("events", {
state: {
camera: event.camera,
startTime: event.start_time,
severity: event.severity,
} as RecordingStartingPoint,
recording: {
camera: event.camera,
startTime: event.start_time,
severity: event.severity,
} as RecordingStartingPoint,
},
});
axios.post(`reviews/viewed`, { ids: [event.id] });
}, [navigate, event]);
// image behavior

4
web/src/views/live/LiveDashboardView.tsx
View File

@ -2,7 +2,7 @@ import { useFrigateReviews } from "@/api/ws";
import Logo from "@/components/Logo";
import { CameraGroupSelector } from "@/components/filter/CameraGroupSelector";
import { LiveGridIcon, LiveListIcon } from "@/components/icons/LiveIcons";
import { AnimatedEventThumbnail } from "@/components/image/AnimatedEventThumbnail";
import { AnimatedEventCard } from "@/components/card/AnimatedEventCard";
import BirdseyeLivePlayer from "@/components/player/BirdseyeLivePlayer";
import LivePlayer from "@/components/player/LivePlayer";
import { Button } from "@/components/ui/button";
@ -166,7 +166,7 @@ export default function LiveDashboardView({
<TooltipProvider>
<div className="flex gap-2 items-center">
{events.map((event) => {
return <AnimatedEventThumbnail key={event.id} event={event} />;
return <AnimatedEventCard key={event.id} event={event} />;
})}
</div>
</TooltipProvider>