TobaOjo/Mav-Mobile-UI
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- added AUTO setting to mode

Browse Source
This commit is contained in:
Toba Ojo
2025-12-12 09:24:13 +00:00
parent dcc58d527a
commit 266def727b
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/CameraSettings/CameraSettingFields.tsx
View File

@@ -5,7 +5,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faEye, faEyeSlash } from "@fortawesome/free-regular-svg-icons"; import { faEye, faEyeSlash } from "@fortawesome/free-regular-svg-icons";
import CardHeader from "../UI/CardHeader"; import CardHeader from "../UI/CardHeader";
import { useCameraMode, useCameraZoom } from "../../hooks/useCameraZoom"; import { useCameraMode, useCameraZoom } from "../../hooks/useCameraZoom";
import { parseRTSPUrl, reverseZoomMapping, zoomMapping } from "../../utils/utils"; import { capitalize, parseRTSPUrl, reverseZoomMapping, zoomMapping } from "../../utils/utils";
type CameraSettingsProps = { type CameraSettingsProps = {
initialData: CameraConfig; initialData: CameraConfig;
@@ -181,9 +181,9 @@ const CameraSettingFields = ({
<div <div
role="radiogroup" role="radiogroup"
aria-label="Camera mode" aria-label="Camera mode"
className="mx-auto grid grid-cols-2 place-items-center gap-3" className="mx-auto grid grid-cols-3 place-items-center gap-3"
> >
{["day", "night"].map((el) => ( {["day", "night", "auto"].map((el) => (
<div key={el} className="my-3"> <div key={el} className="my-3">
<Field <Field
type="radio" type="radio"
@@ -205,7 +205,7 @@ const CameraSettingFields = ({
peer-checked:text-blue-600 peer-checked:bg-gray-100 peer-checked:text-blue-600 peer-checked:bg-gray-100
${cameraModeMutation.isPending ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}`} ${cameraModeMutation.isPending ? "opacity-60 cursor-not-allowed" : "cursor-pointer"}`}
> >
{el === "day" ? "Day" : "Night"} {capitalize(el)}
</label> </label>
</div> </div>
))} ))}

1
src/hooks/useCameraZoom.ts
View File

@@ -11,6 +11,7 @@ const getCameraMode = async (options: { camera: string }) => {
}; };
const updateCameraMode = async (options: { camera: string; mode: string }) => { const updateCameraMode = async (options: { camera: string; mode: string }) => {
console.log(options.mode);
const dayNightPayload = { const dayNightPayload = {
id: options.camera, id: options.camera,
fields: [ fields: [