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

old activity indicator looks better on live

Browse Source
This commit is contained in:
Josh Hawkins 2024-02-25 17:39:35 -06:00
parent 83cba3242f
commit d858713e3c
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/camera/CameraImage.tsx
View File

@ -1,7 +1,7 @@
import { useApiHost } from "@/api"; import { useApiHost } from "@/api";
import { useEffect, useRef, useState } from "react"; import { useEffect, useRef, useState } from "react";
import useSWR from "swr"; import useSWR from "swr";
import { Skeleton } from "../ui/skeleton"; import ActivityIndicator from "../ui/activity-indicator";
type CameraImageProps = { type CameraImageProps = {
className?: string; className?: string;
@ -61,7 +61,7 @@ export default function CameraImage({
)} )}
{!hasLoaded && enabled ? ( {!hasLoaded && enabled ? (
<div className="absolute left-0 right-0 top-0 bottom-0 flex justify-center items-center"> <div className="absolute left-0 right-0 top-0 bottom-0 flex justify-center items-center">
<Skeleton className="w-full h-full rounded-2xl" /> <ActivityIndicator />
</div> </div>
) : null} ) : null}
</div> </div>

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

@ -12,7 +12,6 @@ import useCameraActivity from "@/hooks/use-camera-activity";
import { useRecordingsState } from "@/api/ws"; import { useRecordingsState } from "@/api/ws";
import { LivePlayerMode } from "@/types/live"; import { LivePlayerMode } from "@/types/live";
import useCameraLiveMode from "@/hooks/use-camera-live-mode"; import useCameraLiveMode from "@/hooks/use-camera-live-mode";
import { Skeleton } from "../ui/skeleton";
type LivePlayerProps = { type LivePlayerProps = {
className?: string; className?: string;
@ -120,7 +119,7 @@ export default function LivePlayer({
/> />
); );
} else { } else {
player = <Skeleton className="w-full h-full rounded-2xl" />; player = <ActivityIndicator />;
} }
return ( return (