From f433a9ae2a2d37cbbb8fccd34e5e0795274a0f7f Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Sun, 19 Jun 2022 21:52:30 +0200
Subject: [PATCH] create modal for when uninstalling a version

---
 .../modal-types/uninstall-modal.component.tsx | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/renderer/components/modal/modal-types/uninstall-modal.component.tsx

diff --git a/src/renderer/components/modal/modal-types/uninstall-modal.component.tsx b/src/renderer/components/modal/modal-types/uninstall-modal.component.tsx
new file mode 100644
index 00000000..f440c7e0
--- /dev/null
+++ b/src/renderer/components/modal/modal-types/uninstall-modal.component.tsx
@@ -0,0 +1,23 @@
+import { ModalExitCode, ModalResponse, ModalService } from "../../../services/modale.service";
+import BeatConflict from "../../../../../assets/beat-conflict.png"
+import { BSVersion } from "main/services/bs-version-manager.service";
+import { BsmButton } from "renderer/components/shared/bsm-button.component";
+import { BsmImage } from "renderer/components/shared/bsm-image.component";
+
+export function UninstallModal({resolver}: {resolver: (x: ModalResponse) => void}) {
+
+    const version = ModalService.getInsance().getModalData<BSVersion>();
+
+  return (
+    <form className="relative p-4  text-gray-200 overflow-hidden rounded-md shadow-lg shadow-black bg-gradient-to-br from-main-color-3 to-main-color-2" onSubmit={(e) => {e.preventDefault(); resolver({exitCode: ModalExitCode.COMPLETED})}}>
+        <span className="absolute bg-gradient-to-r from-blue-500 to-red-500 top-0 w-full left-0 h-1"></span>
+        <h1 className="text-3xl uppercase tracking-wide w-full text-center">Uninstall</h1>
+        <BsmImage className="mx-auto h-24" image={BeatConflict}/>
+        <p className="max-w-sm">Are you sure you want to uninstall BeatSaber {version.BSVersion} ? You will have to re-download it to play it.</p>
+        <div className="grid grid-flow-col grid-cols-2 gap-4 mt-4">
+            <BsmButton className="rounded-md text-center bg-gray-500 hover:brightness-110 transition-all" onClick={() => {resolver({exitCode: ModalExitCode.CANCELED})}} withBar={false} text="Cancel"/>
+            <BsmButton className="rounded-md text-center bg-blue-500 hover:brightness-110 transition-all" type="submit" withBar={false} text="Uninstall"/>
+        </div>
+    </form>
+  )
+}