- updated websocket context and add heatmap support; refactor CameraSettingFields and SightingWidget components

src/components/CameraSettings/CameraSettingFields.tsx

@@ -44,7 +44,7 @@ const CameraSettingFields = ({
       userName: parsed?.username ?? "",
       password: parsed?.password ?? "",
       id: initialData?.id,
-      mode: cameraMode ?? "day",
+      mode: cameraMode ?? "",
       zoom: apiZoom,
     }),
 

src/components/SightingsWidget/SightingWidget.tsx

@@ -186,7 +186,6 @@ export default function SightingHistoryWidget({ className, title }: SightingHist
       const isNPEDHitC = cat === "C";
       const isNPEDHitD = cat === "D";
       if (isNPEDHitA || isNPEDHitB || isNPEDHitC || isNPEDHitD) {
-        console.log("first");
         dispatch({
           type: "ADD",
           payload: obj,

src/components/UI/Header.tsx

@@ -13,11 +13,8 @@ import {
 import { useState } from "react";
 import SoundBtn from "./SoundBtn";
 import { useIntegrationsContext } from "../../context/IntegrationsContext";
-import { useInfoBarSocket } from "../../context/WebsocketContext";
 
 export default function Header() {
-  const { data: stats } = useInfoBarSocket();
-  console.log(stats);
   const [isFullscreen, setIsFullscreen] = useState(false);
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const { state } = useIntegrationsContext();