From 8106009677adf771ddaf806e0cca72596230dde3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Wed, 18 Mar 2026 19:09:59 +0400
Subject: [PATCH] Disable edit button while editing

---
 app/components/place-details.gjs | 1 +
 app/styles/app.css               | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/app/components/place-details.gjs b/app/components/place-details.gjs
index b13815a..64d0ba7 100644
--- a/app/components/place-details.gjs
+++ b/app/components/place-details.gjs
@@ -305,6 +305,7 @@ export default class PlaceDetails extends Component {
             type="button"
             class="btn btn-outline"
             title="Edit"
+            disabled={{this.isEditing}}
             {{on "click" this.startEditing}}
           >
             <Icon @name="edit" @color="var(--link-color)" />
diff --git a/app/styles/app.css b/app/styles/app.css
index 7e9c572..c3fd279 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -603,6 +603,12 @@ abbr[title] {
   gap: 0.5rem;
 }
 
+.btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
 .btn-outline {
   background: transparent;
   color: #333;