From 2754fbb3fbc540bd5ec093aafdcfb7c96715f2b3 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Thu, 14 Dec 2023 14:46:16 -0700
Subject: [PATCH] Lint fixes

---
 web-new/package-lock.json                      | 7 +++++++
 web-new/package.json                           | 1 +
 web-new/src/components/player/VideoPlayer.tsx  | 2 +-
 web-new/src/components/player/WebRTCPlayer.tsx | 2 +-
 web-new/src/types/frigateConfig.ts             | 2 +-
 web-new/src/utils/dateUtil.ts                  | 2 +-
 6 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/web-new/package-lock.json b/web-new/package-lock.json
index 52127da3e..d33cf0e54 100644
--- a/web-new/package-lock.json
+++ b/web-new/package-lock.json
@@ -58,6 +58,7 @@
         "@types/react": "^18.2.37",
         "@types/react-dom": "^18.2.15",
         "@types/react-icons": "^3.0.0",
+        "@types/strftime": "^0.9.8",
         "@typescript-eslint/eslint-plugin": "^6.10.0",
         "@typescript-eslint/parser": "^6.10.0",
         "@vitejs/plugin-react-swc": "^3.5.0",
@@ -2332,6 +2333,12 @@
       "integrity": "sha512-eqNDvZsCNY49OAXB0Firg/Sc2BgoWsntsLUdybGFOhAfCD6QJ2n9HXUIHGqt5qjrxmMv4wS8WLAw43ZkKcJ8Pw==",
       "dev": true
     },
+    "node_modules/@types/strftime": {
+      "version": "0.9.8",
+      "resolved": "https://registry.npmjs.org/@types/strftime/-/strftime-0.9.8.tgz",
+      "integrity": "sha512-QIvDlGAKyF3YJbT3QZnfC+RIvV5noyDbi+ZJ5rkaSRqxCGrYJefgXm3leZAjtoQOutZe1hCXbAg+p89/Vj4HlQ==",
+      "dev": true
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "6.13.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.13.1.tgz",
diff --git a/web-new/package.json b/web-new/package.json
index c085ad431..753bf7776 100644
--- a/web-new/package.json
+++ b/web-new/package.json
@@ -63,6 +63,7 @@
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@types/react-icons": "^3.0.0",
+    "@types/strftime": "^0.9.8",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
     "@vitejs/plugin-react-swc": "^3.5.0",
diff --git a/web-new/src/components/player/VideoPlayer.tsx b/web-new/src/components/player/VideoPlayer.tsx
index 50bf3ceae..36b600104 100644
--- a/web-new/src/components/player/VideoPlayer.tsx
+++ b/web-new/src/components/player/VideoPlayer.tsx
@@ -18,7 +18,7 @@ type VideoPlayerProps = {
 }
 
 export default function VideoPlayer({ children, options, seekOptions = {forward:30, backward: 10}, onReady = (_) => {}, onDispose = () => {} }: VideoPlayerProps) {
-    const videoRef = useRef<HTMLVideoElement | null>(null);
+    const videoRef = useRef<HTMLDivElement | null>(null);
     const playerRef = useRef<Player | null>(null);
 
     useEffect(() => {
diff --git a/web-new/src/components/player/WebRTCPlayer.tsx b/web-new/src/components/player/WebRTCPlayer.tsx
index 7d6ff0985..f679b73a1 100644
--- a/web-new/src/components/player/WebRTCPlayer.tsx
+++ b/web-new/src/components/player/WebRTCPlayer.tsx
@@ -80,7 +80,7 @@ export default function WebRtcPlayer({
   }
 
   const connect = useCallback(
-    async (ws: WebSocket, aPc: Promise<RTCPeerConnection> | undefined) => {
+    async (ws: WebSocket, aPc: Promise<RTCPeerConnection | undefined>) => {
       if (!aPc) {
         return;
       }
diff --git a/web-new/src/types/frigateConfig.ts b/web-new/src/types/frigateConfig.ts
index 8f70d93bb..50539759c 100644
--- a/web-new/src/types/frigateConfig.ts
+++ b/web-new/src/types/frigateConfig.ts
@@ -1,4 +1,4 @@
-interface UiConfig {
+export interface UiConfig {
   timezone: string;
   time_format: "browser" | "12hour" | "24hour";
   date_style: "full" | "long" | "medium" | "short";
diff --git a/web-new/src/utils/dateUtil.ts b/web-new/src/utils/dateUtil.ts
index 053401b0b..2ea940ec2 100644
--- a/web-new/src/utils/dateUtil.ts
+++ b/web-new/src/utils/dateUtil.ts
@@ -1,6 +1,6 @@
 import strftime from 'strftime';
 import { fromUnixTime, intervalToDuration, formatDuration } from 'date-fns';
-import { FrigateConfig, UiConfig } from "@/types/frigateConfig";
+import { UiConfig } from "@/types/frigateConfig";
 export const longToDate = (long: number): Date => new Date(long * 1000);
 export const epochToLong = (date: number): number => date / 1000;
 export const dateToLong = (date: Date): number => epochToLong(date.getTime());