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

All safari

Browse Source
This commit is contained in:
Nicolas Mowen 2024-02-27 09:47:23 -07:00
parent 19be69468a
commit 68c74df72e
1 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/player/PreviewThumbnailPlayer.tsx
View File

@ -7,12 +7,7 @@ import { getIconForLabel, getIconForSubLabel } from "@/utils/iconUtil";
import TimeAgo from "../dynamic/TimeAgo"; import TimeAgo from "../dynamic/TimeAgo";
import useSWR from "swr"; import useSWR from "swr";
import { FrigateConfig } from "@/types/frigateConfig"; import { FrigateConfig } from "@/types/frigateConfig";
import { import { isFirefox, isMobile, isSafari } from "react-device-detect";
isFirefox,
isMobile,
isMobileSafari,
isSafari,
} from "react-device-detect";
import Chip from "../Chip"; import Chip from "../Chip";
import { import {
ContextMenu, ContextMenu,
@ -154,7 +149,7 @@ export default function PreviewThumbnailPlayer({
"/media/frigate/", "/media/frigate/",
"" ""
)}`} )}`}
loading={isMobileSafari ? "eager" : "lazy"} loading={isSafari ? "eager" : "lazy"}
onLoad={() => { onLoad={() => {
onImgLoad(); onImgLoad();
}} }}
@ -448,7 +443,7 @@ function PreviewPlaceholder({ imgLoaded }: { imgLoaded: boolean }) {
return; return;
} }
return isMobileSafari ? ( return isSafari ? (
<div className={`absolute inset-0 bg-gray-300`} /> <div className={`absolute inset-0 bg-gray-300`} />
) : ( ) : (
<Skeleton className={`absolute inset-0`} /> <Skeleton className={`absolute inset-0`} />