add modal for uninstall all mods

assets/jsons/translations/en.json

@@ -261,6 +261,10 @@
             "title": "Uninstall",
             "description": "Are you sure you want to uninstall {mod}? It could cause other installed mods to malfunction.",
             "description-bsipa": "Are you sure you want to uninstall BSIPA? After that all installed mods will not work anymore."
+        },
+        "uninstall-all-mods":{
+            "title": "Uninstalling mods",
+            "description": "Are you sure you want to uninstall all the mods from version {version}? This operation cannot be undone."
         }
    },
    "auto-update":{

assets/jsons/translations/es.json

@@ -261,6 +261,10 @@
             "title": "Desinstalar",
             "description": "¿Estás seguro de que quieres desinstalar {mod}? Podría provocar el mal funcionamiento de otros mods instalados.",
             "description-bsipa": "¿Estás seguro de que quieres desinstalar BSIPA? Después de eso, todos los mods instalados dejarán de funcionar."
+        },
+        "uninstall-all-mods":{
+            "title": "Desinstalación de mods",
+            "description": "¿Estás seguro de que quieres desinstalar todos los mods de la versión {version}? Esta operación no se puede deshacer."
         }
    },
    "auto-update":{

assets/jsons/translations/fr.json

@@ -3,7 +3,7 @@
       "download": "Télécharger",
       "verify": "Vérifier",
       "launch": "Lancer",
-      "mods": "Modes",
+      "mods": "Mods",
       "maps": "Maps",
       "cancel": "Annuler"
    },
@@ -259,8 +259,12 @@
       },
         "uninstall-mod":{
             "title": "Désinstaller",
-            "description": "Est-tu sûr de vouloir désinstaller {mod} ? Cela pourrait faire dysfonctionner d'autres mods installés.",
-            "description-bsipa": "Est-tu sûr de vouloir désinstaller BSIPA ? Après cela, tous les mods installés ne fonctionneront plus."
+            "description": "Es-tu sûr de vouloir désinstaller {mod} ? Cela pourrait faire dysfonctionner d'autres mods installés.",
+            "description-bsipa": "Es-tu sûr de vouloir désinstaller BSIPA ? Après cela, tous les mods installés ne fonctionneront plus."
+        },
+        "uninstall-all-mods":{
+            "title": "Désinstaller les mods",
+            "description": "Es-tu sûr de vouloir désinstaller tous les mods de la version {version} ? Cette opération ne pourra pas être annulée."
         }
    },
    "auto-update":{

src/renderer/components/modal/modal-types/uninstall-all-mods-modal.component.tsx

@@ -0,0 +1,27 @@
+import { ModalExitCode, ModalResponse, ModalService } from "../../../services/modale.service";
+import BeatConflict from "../../../../../assets/images/apngs/beat-conflict.png"
+import { BsmButton } from "renderer/components/shared/bsm-button.component";
+import { BsmImage } from "renderer/components/shared/bsm-image.component";
+import { useTranslation } from "renderer/hooks/use-translation.hook";
+import { BSVersion } from "shared/bs-version.interface";
+
+
+export function UninstallAllModsModal({resolver}: {resolver: (x: ModalResponse) => void}) {
+
+    const version = ModalService.getInsance().getModalData<BSVersion>();
+    const t = useTranslation();
+
+    const desc = "modals.uninstall-all-mods.description";
+
+    return (
+        <form onSubmit={(e) => {e.preventDefault(); resolver({exitCode: ModalExitCode.COMPLETED})}}>
+            <h1 className="text-3xl uppercase tracking-wide w-full text-center text-gray-800 dark:text-gray-200">{t("modals.uninstall-all-mods.title")}</h1>
+            <BsmImage className="mx-auto h-24" image={BeatConflict}/>
+            <p className="max-w-sm text-gray-800 dark:text-gray-200">{t(desc, {version: version.name ?? version.BSVersion})}</p>
+            <div className="grid grid-flow-col grid-cols-2 gap-4 mt-4">
+                <BsmButton typeColor="cancel" className="rounded-md text-center transition-all" onClick={() => {resolver({exitCode: ModalExitCode.CANCELED})}} withBar={false} text="misc.cancel"/>
+                <BsmButton typeColor="primary" className="rounded-md text-center transition-all" type="submit" withBar={false} text="modals.bs-uninstall.buttons.submit"/>
+            </div>
+        </form>
+    )
+}

src/renderer/components/modal/modal.component.tsx

@@ -8,6 +8,7 @@ import { EditVersionModal } from "./modal-types/edit-version-modal.component";
 import { useObservable } from "renderer/hooks/use-observable.hook";
 import { useThemeColor } from "renderer/hooks/use-theme-color.hook";
 import { UninstallModModal } from "./modal-types/uninstall-mod-modal.component";
+import { UninstallAllModsModal } from "./modal-types/uninstall-all-mods-modal.component";
 
 export function Modal() {
 
@@ -31,6 +32,7 @@ export function Modal() {
                      {modalType === ModalType.EDIT_VERSION && <EditVersionModal resolver={modalSevice.getResolver()}/>}
                      {modalType === ModalType.CLONE_VERSION && <EditVersionModal resolver={modalSevice.getResolver()} clone/>}
                      {modalType === ModalType.UNINSTALL_MOD && <UninstallModModal resolver={modalSevice.getResolver()}/>}
+                     {modalType === ModalType.UNINSTALL_ALL_MODS && <UninstallAllModsModal resolver={modalSevice.getResolver()}/>}
                   </div>
                </motion.div>
             </div>

src/renderer/services/bs-mods-manager.service.ts

@@ -53,9 +53,12 @@ export class BsModsManagerService {
         });
     }
     public async uninstallMod(mod: Mod, version: BSVersion){
+
+        if(!this.progressBar.require()){ return; }
+
         const modalRes = await this.modals.openModal(ModalType.UNINSTALL_MOD, mod);
 
-        if(modalRes.exitCode !== ModalExitCode.COMPLETED || !this.progressBar.require()){ return; }
+        if(modalRes.exitCode !== ModalExitCode.COMPLETED){ return; }
 
         const progress$ = this.ipcService.watch<ModInstallProgression>("mod-uninstalled").pipe(map(res => res.data.progression));
         this.progressBar.show(progress$, true, {paddingLeft: "190px", paddingRight: "190px", bottom: "20px"});
@@ -69,7 +72,11 @@ export class BsModsManagerService {
 
     public async uninstallAllMods(version: BSVersion){
 
-        //TODO MODAL
+        if(!this.progressBar.require()){ return; }
+
+        const modalRes = await this.modals.openModal(ModalType.UNINSTALL_ALL_MODS, version);
+
+        if(modalRes.exitCode !== ModalExitCode.COMPLETED){ return; }
 
         const progress$ = this.ipcService.watch<ModInstallProgression>("mod-uninstalled").pipe(map(res => res.data.progression));
         this.progressBar.show(progress$, true, {paddingLeft: "190px", paddingRight: "190px", bottom: "20px"});

src/renderer/services/modale.service.ts

@@ -57,7 +57,8 @@ export const enum ModalType {
     INSTALLATION_FOLDER = "INSTALLATION_FOLDER",
     EDIT_VERSION = "EDIT_VERSION",
     CLONE_VERSION = "CLONE_VERSION",
-    UNINSTALL_MOD = "UNINSTALL_MOD"
+    UNINSTALL_MOD = "UNINSTALL_MOD",
+    UNINSTALL_ALL_MODS = "UNINSTALL_ALL_MODS",
 }
 
 export const enum ModalExitCode {