mirror of
https://github.com/blakeblackshear/frigate.git
synced 2025-10-13 11:16:29 +02:00
fafe5623d1
* fix squashed alert thumbnails in filmstrip * add genai debug logs * consistent themed image loading indicator background color * improve image loading skeleton in object lifecycle pane * less rounding when screen is smaller * use browser back button to dismiss review pane * initial state
22 lines
472 B
TypeScript
22 lines
472 B
TypeScript
import { isSafari } from "react-device-detect";
|
|
import { Skeleton } from "../ui/skeleton";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
export default function ImageLoadingIndicator({
|
|
className,
|
|
imgLoaded,
|
|
}: {
|
|
className?: string;
|
|
imgLoaded: boolean;
|
|
}) {
|
|
if (imgLoaded) {
|
|
return;
|
|
}
|
|
|
|
return isSafari ? (
|
|
<div className={cn("pointer-events-none bg-background_alt", className)} />
|
|
) : (
|
|
<Skeleton className={cn("pointer-events-none", className)} />
|
|
);
|
|
}
|