From 49358b7006ee0415b8c19c1c5b2457f66c32450c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Libor=20=C5=A0af=C3=A1=C5=99?= <liborsaf@wetian.eu>
Date: Fri, 15 Mar 2024 17:44:22 +0100
Subject: [PATCH] Add reset button for name to version edit modal

---
 .../modal-types/edit-version-modal.component.tsx      | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/modal/modal-types/edit-version-modal.component.tsx b/src/renderer/components/modal/modal-types/edit-version-modal.component.tsx
index fc1e549b..19dbae7b 100644
--- a/src/renderer/components/modal/modal-types/edit-version-modal.component.tsx
+++ b/src/renderer/components/modal/modal-types/edit-version-modal.component.tsx
@@ -29,6 +29,10 @@ export const EditVersionModal: ModalComponent<{ name: string; color: string }, {
         setColor(configService.get("second-color" as DefaultConfigKey));
     };
 
+    const resetName = () => {
+        setName(version.BSVersion);
+    };
+
     return (
         <form
             className="static"
@@ -44,7 +48,12 @@ export const EditVersionModal: ModalComponent<{ name: string; color: string }, {
                 <label className="block font-bold cursor-pointer tracking-wide text-gray-800 dark:text-gray-200" htmlFor="name">
                     {t("modals.clone-version.inputs.name.label")}
                 </label>
-                <input className="w-full bg-light-main-color-1 dark:bg-main-color-1 px-1 py-[2px] rounded-md outline-none" onChange={e => setName(e.target.value)} value={name} type="text" name="name" id="name" minLength={2} maxLength={15} placeholder={t("modals.clone-version.inputs.name.placeholder")} />
+                <div className="relative">
+                    <input className="w-full bg-light-main-color-1 dark:bg-main-color-1 px-1 py-[2px] rounded-md outline-none" onChange={e => setName(e.target.value)} value={name} type="text" name="name" id="name" minLength={2} maxLength={15} placeholder={t("modals.clone-version.inputs.name.placeholder")} />
+                    <div className="absolute right-2 top-0 h-full flex items-center">
+                        <BsmButton onClick={resetName} className="px-2 font-bold italic text-sm rounded-md" text="pages.settings.appearance.reset" withBar={false} />
+                    </div>
+                </div>
             </div>
             <div>
                 <span className="block font-bold tracking-wide text-gray-800 dark:text-gray-200">{t("modals.clone-version.inputs.color.label")}</span>