From a0ecaeeece0c909378ba75cf7ce238dad693d042 Mon Sep 17 00:00:00 2001
From: Jon Eugster <eugster.jon@gmail.com>
Date: Wed, 12 Jun 2024 01:15:57 +0200
Subject: [PATCH] fix button display #199

---
 client/src/components/popup/erase.tsx | 8 ++------
 client/src/css/app.css                | 1 +
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/client/src/components/popup/erase.tsx b/client/src/components/popup/erase.tsx
index ef5fc0b..de064f9 100644
--- a/client/src/components/popup/erase.tsx
+++ b/client/src/components/popup/erase.tsx
@@ -63,12 +63,8 @@ export function ErasePopup () {
       <p>Do you want to delete your saved progress irreversibly?</p>
     </Trans>
     <div className='settings-buttons'>
-      { levelId ?
-        <Button onClick={eraseLevel} to="">{t("Delete this Level")}</Button> : <></>
-      }
-      { worldId ?
-        <Button onClick={eraseWorld} to="">{t("Delete this World")}</Button> : <></>
-      }
+      <Button onClick={levelId && eraseLevel} to="" disabled={!levelId} >{t("Delete this Level")}</Button>
+      <Button onClick={worldId && eraseWorld} to="" disabled={!worldId} >{t("Delete this World")}</Button>
       <Button onClick={eraseProgress} to={`/${gameId}/`}>{t("Delete Everything")}</Button>
     </div>
     <Trans>
diff --git a/client/src/css/app.css b/client/src/css/app.css
index fd419b7..d0d4046 100644
--- a/client/src/css/app.css
+++ b/client/src/css/app.css
@@ -78,6 +78,7 @@ body {
 .btn-disabled, .btn[disabled] {
   color: var(--clr-dark-gray);
   background: var(--clr-light-gray);
+  cursor: not-allowed;
 }
 
 .btn-inverted.btn-disabled, .btn-inverted.btn[disabled] {