Upload to s3 for public image working.

src/components/wrappers/Dashboard/Settings/SettingsStorageTab/SettingsStorageTab.tsx

@@ -9,6 +9,11 @@ import {ButtonWithLoading} from "@/components/wrappers/Button/ButtonWithLoading/
 import {useMutation} from "@tanstack/react-query";
 import {checkConnexionToS3} from "@/features/upload/upload.action";
 import {toast} from "sonner";
+import {updateUserAction} from "@/components/wrappers/Dashboard/Profile/UserForm/user-form.action";
+import {useRouter} from "next/navigation";
+import {
+    updateStorageSettingsAction
+} from "@/components/wrappers/Dashboard/Settings/SettingsStorageTab/StorageS3Form/s3-form.action";
 
 
 export type SettingsStorageTabProps = {
@@ -16,19 +21,37 @@ export type SettingsStorageTabProps = {
 }
 
 export const SettingsStorageTab = (props: SettingsStorageTabProps) => {
+    const router = useRouter()
 
     const mutation = useMutation({
         mutationFn: async () => {
             const result = await checkConnexionToS3()
             if(result.error){
                 toast.error("An error occured during the connexion !")
+            }else{
+                toast.success("Connexion succeed!")
             }
-            toast.success("Connexion succeed!")
         }
     })
 
     const [isSwitched, setIsSwitched] = useState<boolean>(props.settings.storage !== "local");
 
+    const updateMutation = useMutation({
+        mutationFn: () => updateStorageSettingsAction({name: "system", data: {storage: isSwitched ? "s3": "local"}}),
+        onSuccess: () => {
+            toast.success(`Settings updated successfully.`);
+            router.refresh()
+        },
+        onError: () => {
+            toast.error(`An error occurred while updating settings information.`);
+        },
+    });
+
+
+    const HandleSwitchStorage = async () => {
+        setIsSwitched(!isSwitched);
+        await updateMutation.mutateAsync()
+    }
 
     return (
         <div className="flex flex-col h-full  py-4">
@@ -47,8 +70,8 @@ export const SettingsStorageTab = (props: SettingsStorageTabProps) => {
                     <Label htmlFor="storage-mode">Storage Mode (Local/s3 compatible)</Label>
                     <Switch
                         checked={isSwitched}
-                        onCheckedChange={() => {
-                            setIsSwitched(!isSwitched);
+                        onCheckedChange={async () => {
+                            await HandleSwitchStorage()
                         }}
                         id="storage-mode"/>
                     </div>

src/components/wrappers/Dashboard/Settings/SettingsStorageTab/StorageS3Form/StorageS3Form.tsx

@@ -14,6 +14,11 @@ import {
     S3FormSchema,
     S3FormType
 } from "@/components/wrappers/Dashboard/Settings/SettingsStorageTab/StorageS3Form/s3-form.schema";
+import {useRouter} from "next/navigation";
+import {toast} from "sonner";
+import {
+    updateS3SettingsAction
+} from "@/components/wrappers/Dashboard/Settings/SettingsStorageTab/StorageS3Form/s3-form.action";
 
 export type S3FormProps = {
     defaultValues?: S3FormType;
@@ -24,9 +29,21 @@ export const StorageS3Form = (props: S3FormProps) => {
         schema: S3FormSchema,
         defaultValues: props.defaultValues,
     });
+
+    const router = useRouter();
+
     const mutation = useMutation({
         mutationFn: async (values: S3FormType) => {
-
+            console.log(values)
+            const updateS3Settings = await updateS3SettingsAction({name: "system", data: values})
+            const data = updateS3Settings?.data?.data
+            if (updateS3Settings?.serverError || !data) {
+                console.log(updateS3Settings?.serverError);
+                toast.error(updateS3Settings?.serverError);
+                return;
+            }
+            toast.success(`Success updating storage informations`);
+            router.refresh()
         }
     })
 

src/components/wrappers/Dashboard/Settings/SettingsStorageTab/StorageS3Form/s3-form.action.ts

@@ -0,0 +1,51 @@
+"use server"
+import {userAction} from "@/safe-actions";
+import {z} from "zod";
+import {prisma} from "@/prisma";
+import {
+    S3FormSchema,
+    StorageSwitchSchema
+} from "@/components/wrappers/Dashboard/Settings/SettingsStorageTab/StorageS3Form/s3-form.schema";
+
+
+export const updateS3SettingsAction = userAction
+    .schema(
+        z.object({
+                name: z.string(),
+                data: S3FormSchema,
+            }
+        )
+    )
+    .action(async ({parsedInput, ctx}) => {
+        const updatedSettings = await prisma.settings.update({
+            where: {
+                name: parsedInput.name,
+            },
+            data: parsedInput.data,
+        })
+        return {
+            data: updatedSettings,
+        }
+    })
+
+export const updateStorageSettingsAction = userAction
+    .schema(
+        z.object({
+                name: z.string(),
+                data: StorageSwitchSchema,
+            }
+        )
+    )
+    .action(async ({parsedInput, ctx}) => {
+        const updatedSettings = await prisma.settings.update({
+            where: {
+                name: parsedInput.name,
+            },
+            data: parsedInput.data,
+        })
+        return {
+            data: updatedSettings,
+        }
+    })
+
+

src/components/wrappers/Dashboard/Settings/SettingsStorageTab/StorageS3Form/s3-form.schema.ts

@@ -8,3 +8,10 @@ export const S3FormSchema = z.object({
 });
 
 export type S3FormType = z.infer<typeof S3FormSchema>;
+
+
+export const StorageSwitchSchema = z.object({
+    storage: z.string(),
+})
+
+export type StorageType= z.infer<typeof StorageSwitchSchema>;