- added state to set sound set settings for sightings and NPED hits

- added function to save mute settings

src/context/providers/SoundContextProvider.tsx

@@ -1,6 +1,7 @@
-import { useMemo, useReducer, type ReactNode } from "react";
+import { useEffect, useMemo, useReducer, type ReactNode } from "react";
 import { SoundContext } from "../SoundContext";
 import { initialState, reducer } from "../reducers/SoundContextReducer";
+import { useCameraBlackboard } from "../../hooks/useCameraBlackboard";
 
 type SoundContextProviderProps = {
   children: ReactNode;
@@ -8,6 +9,20 @@ type SoundContextProviderProps = {
 
 const SoundContextProvider = ({ children }: SoundContextProviderProps) => {
   const [state, dispatch] = useReducer(reducer, initialState);
+  const { mutation } = useCameraBlackboard();
+
+  useEffect(() => {
+    const fetchSound = async () => {
+      const result = await mutation.mutateAsync({
+        operation: "VIEW",
+        path: "soundSettings",
+      });
+
+      dispatch({ type: "UPDATE", payload: result.result });
+    };
+    fetchSound();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const value = useMemo(() => ({ state, dispatch }), [state, dispatch]);
   return (
     <SoundContext.Provider value={value}>{children}</SoundContext.Provider>

src/context/reducers/SoundContextReducer.ts

@@ -18,7 +18,7 @@ export function reducer(state: SoundState, action: SoundAction): SoundState {
         ...state,
         sightingSound: action.payload.sightingSound,
         NPEDsound: action.payload.NPEDsound,
-        hotlists: action.payload.hotlists.map((hotlist) => ({
+        hotlists: action.payload.hotlists?.map((hotlist) => ({
           name: hotlist.name,
           sound: hotlist.sound,
         })),