Files
frigate/web/src/components/indicators/ImageLoadingIndicator.tsx
T
Josh Hawkins 08e5c791c8 Use cn() for class names throughout (#11278)
* add scrollbar on ptz presets dropdown

* use cn function for class names throughout

* Revert "add scrollbar on ptz presets dropdown"

This reverts commit 2cee93dc3ecf0f77c78b8ef5bcd3c7135227ecd3.
2024-05-07 08:00:25 -06:00

22 lines
466 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("bg-gray-300 pointer-events-none", className)} />
) : (
<Skeleton className={cn("pointer-events-none", className)} />
);
}