administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-14 15:15:22 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Update error message

Browse Source
This commit is contained in:
Josh Hawkins 2024-09-13 06:31:21 -05:00
parent 4572cfe2b7
commit 6b6a3c5119
1 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
web/src/components/player/LivePlayer.tsx
View File

@ -1,5 +1,5 @@
import WebRtcPlayer from "./WebRTCPlayer"; import WebRtcPlayer from "./WebRTCPlayer";
import { CameraConfig, FrigateConfig } from "@/types/frigateConfig"; import { CameraConfig } from "@/types/frigateConfig";
import AutoUpdatingCameraImage from "../camera/AutoUpdatingCameraImage"; import AutoUpdatingCameraImage from "../camera/AutoUpdatingCameraImage";
import ActivityIndicator from "../indicators/activity-indicator"; import ActivityIndicator from "../indicators/activity-indicator";
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@ -20,7 +20,6 @@ import { cn } from "@/lib/utils";
import { TbExclamationCircle } from "react-icons/tb"; import { TbExclamationCircle } from "react-icons/tb";
import { TooltipPortal } from "@radix-ui/react-tooltip"; import { TooltipPortal } from "@radix-ui/react-tooltip";
import { baseUrl } from "@/api/baseUrl"; import { baseUrl } from "@/api/baseUrl";
import useSWR from "swr";
type LivePlayerProps = { type LivePlayerProps = {
cameraRef?: (ref: HTMLDivElement | null) => void; cameraRef?: (ref: HTMLDivElement | null) => void;
@ -59,7 +58,6 @@ export default function LivePlayer({
onError, onError,
onResetLiveMode, onResetLiveMode,
}: LivePlayerProps) { }: LivePlayerProps) {
const { data: config } = useSWR<FrigateConfig>("config");
const internalContainerRef = useRef<HTMLDivElement | null>(null); const internalContainerRef = useRef<HTMLDivElement | null>(null);
// camera activity // camera activity
@ -150,14 +148,6 @@ export default function LivePlayer({
setLiveReady(true); setLiveReady(true);
}, []); }, []);
const isRestreamed = useMemo(
() =>
cameraConfig &&
config &&
Object.keys(config.go2rtc.streams || {}).includes(cameraConfig.name),
[cameraConfig, config],
);
if (!cameraConfig) { if (!cameraConfig) {
return <ActivityIndicator />; return <ActivityIndicator />;
} }
@ -309,13 +299,17 @@ export default function LivePlayer({
/> />
</div> </div>
{offline && !showStillWithoutActivity && !isRestreamed && ( {!offline && !showStillWithoutActivity && (
<div className="flex size-full flex-col items-center"> <div className="absolute inset-0 left-1/2 top-1/2 flex h-96 w-96 -translate-x-1/2 -translate-y-1/2">
<p className="mb-5"> <div className="flex flex-col items-center justify-center rounded-lg bg-background/50 p-5">
{capitalizeFirstLetter(cameraConfig.name)} is offline <p className="my-5 text-lg">Stream offline</p>
</p> <TbExclamationCircle className="mb-3 size-10" />
<TbExclamationCircle className="mb-3 size-10" /> <p className="max-w-96 text-center">
<p>No frames have been received, check error logs</p> No frames have been received for the stream on{" "}
{capitalizeFirstLetter(cameraConfig.name)} defined with the{" "}
<code>detect</code> role, check error logs
</p>
</div>
</div> </div>
)} )}