administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-11 05:35:25 +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 { useNavigate } from "react-router-dom";
import { Skeleton } from "../ui/skeleton"; import { Skeleton } from "../ui/skeleton";
import { RecordingStartingPoint } from "@/types/record"; import { RecordingStartingPoint } from "@/types/record";
import axios from "axios";
type AnimatedEventThumbnailProps = { type AnimatedEventCardProps = {
event: ReviewSegment; event: ReviewSegment;
}; };
export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) { export function AnimatedEventCard({ event }: AnimatedEventCardProps) {
const { data: config } = useSWR<FrigateConfig>("config"); const { data: config } = useSWR<FrigateConfig>("config");
// interaction // interaction
@ -21,11 +22,15 @@ export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
const onOpenReview = useCallback(() => { const onOpenReview = useCallback(() => {
navigate("events", { navigate("events", {
state: { state: {
camera: event.camera,
startTime: event.start_time,
severity: event.severity, 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]); }, [navigate, event]);
// image behavior // 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 Logo from "@/components/Logo";
import { CameraGroupSelector } from "@/components/filter/CameraGroupSelector"; import { CameraGroupSelector } from "@/components/filter/CameraGroupSelector";
import { LiveGridIcon, LiveListIcon } from "@/components/icons/LiveIcons"; 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 BirdseyeLivePlayer from "@/components/player/BirdseyeLivePlayer";
import LivePlayer from "@/components/player/LivePlayer"; import LivePlayer from "@/components/player/LivePlayer";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
@ -166,7 +166,7 @@ export default function LiveDashboardView({
<TooltipProvider> <TooltipProvider>
<div className="flex gap-2 items-center"> <div className="flex gap-2 items-center">
{events.map((event) => { {events.map((event) => {
return <AnimatedEventThumbnail key={event.id} event={event} />; return <AnimatedEventCard key={event.id} event={event} />;
})} })}
</div> </div>
</TooltipProvider> </TooltipProvider>