- added feature to cache sounds for cross devices - should work in theory

src/components/SettingForms/Sound/SoundUpload.tsx

@@ -18,9 +18,11 @@ const SoundUpload = () => {
     soundFile: null,
     soundFileName: "",
     soundUrl: "",
+    uploadedAt: Date.now(),
   };
 
   const handleSubmit = async (values: SoundUploadValue) => {
+    console.log(values);
     if (!values.soundFile) {
       toast.warning("Please select an audio file");
       return;
@@ -65,15 +67,12 @@ const SoundUpload = () => {
               className="mt-4 w-full flex flex-col items-center justify-center rounded-2xl border border-slate-800 bg-slate-900/40 p-10 text-center file:px-3 file:border file:border-gray-500 file:rounded-lg file:bg-blue-800 file:mr-5"
               onChange={(e) => {
                 if (e.target?.files && e.target?.files[0]?.type === "audio/mpeg") {
-                  if (e.target.files[0].size / (1024 * 1024) >= 1) {
-                    toast.error("File is too large. Max size is 1MB");
-                    return;
-                  }
                   const url = URL.createObjectURL(e.target.files[0]);
                   setFieldValue("soundUrl", url);
                   setFieldValue("name", e.target.files[0].name);
                   setFieldValue("soundFileName", e.target.files[0].name);
                   setFieldValue("soundFile", e.target.files[0]);
+                  setFieldValue("uploadedAt", Date.now());
                 } else {
                   setFieldError("soundFile", "Not an mp3 file");
                   toast.error("Not an mp3 file");