add modal for uninstall all mods

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 {