- added new sound files

- new functionality to upload files
- need to get and locatate uploaded files

src/components/SettingForms/Sound/SoundUpload.tsx

@@ -4,10 +4,12 @@ import type { SoundUploadValue } from "../../../types/types";
 import { useSoundContext } from "../../../context/SoundContext";
 import { toast } from "sonner";
 import { useCameraBlackboard } from "../../../hooks/useCameraBlackboard";
+import { useFileUpload } from "../../../hooks/useFileUpload";
 
 const SoundUpload = () => {
   const { state, dispatch } = useSoundContext();
   const { mutation } = useCameraBlackboard();
+  const { mutation: fileMutation } = useFileUpload();
 
   const initialValues: SoundUploadValue = {
     name: "",
@@ -37,10 +39,10 @@ const SoundUpload = () => {
       path: "soundSettings",
       value: updatedValues,
     });
+    const responsee = await fileMutation.mutateAsync(values.soundFile);
+    console.log(responsee);
     if (result.reason !== "OK") {
       toast.error("Cannot update sound settings");
-    } else {
-      toast.success(`${values.name} file added`);
     }
 
     dispatch({ type: "ADD", payload: values });