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

Use icon to indicate preview

Browse Source
This commit is contained in:
Nick Mowen 2023-12-19 15:26:40 -07:00
parent a35dfd0e69
commit fee1b5e493
1 changed files with 30 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,6 +5,7 @@ import { useCallback, useMemo, useRef, useState } from "react";
import { useApiHost } from "@/api";
import Player from "video.js/dist/types/player";
import { AspectRatio } from "../ui/aspect-ratio";
import { LuPlayCircle } from "react-icons/lu";
type PreviewPlayerProps = {
camera: string;
@ -126,6 +127,7 @@ export default function PreviewThumbnailPlayer({
}
} else {
content = (
<>
<div className={`${getPreviewWidth(camera, config)}`}>
<VideoPlayer
options={{
@ -152,6 +154,8 @@ export default function PreviewThumbnailPlayer({
}}
/>
</div>
<LuPlayCircle className="absolute z-10 left-1 bottom-1 w-4 h-4 text-white text-opacity-60" />
</>
);
}