From bb2411972fb5fd4fc2658d88f2220e0a8f16641d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Tue, 21 Apr 2026 09:17:44 +0400
Subject: [PATCH] Improve upload item UI

---
 app/components/place-photo-item.gjs |  9 ---------
 app/styles/app.css                  | 12 +-----------
 2 files changed, 1 insertion(+), 20 deletions(-)

diff --git a/app/components/place-photo-item.gjs b/app/components/place-photo-item.gjs
index 37a2415..ddc2bc0 100644
--- a/app/components/place-photo-item.gjs
+++ b/app/components/place-photo-item.gjs
@@ -20,7 +20,6 @@ export default class PlacePhotoItem extends Component {
 
   @tracked thumbnailUrl = '';
   @tracked error = '';
-  @tracked isUploaded = false;
 
   constructor() {
     super(...arguments);
@@ -87,8 +86,6 @@ export default class PlacePhotoItem extends Component {
         ]);
       }
 
-      this.isUploaded = true;
-
       if (this.args.onSuccess) {
         this.args.onSuccess({
           file,
@@ -137,12 +134,6 @@ export default class PlacePhotoItem extends Component {
         </button>
       {{/if}}
 
-      {{#if this.isUploaded}}
-        <div class="photo-item-overlay success-overlay">
-          <Icon @name="check" @size={{24}} @color="white" />
-        </div>
-      {{/if}}
-
       <button
         type="button"
         class="btn-remove-photo"
diff --git a/app/styles/app.css b/app/styles/app.css
index a21c6d6..f1b341c 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -283,10 +283,6 @@ body {
   width: 100%;
 }
 
-.success-overlay {
-  background: rgb(152 195 121 / 60%);
-}
-
 .btn-remove-photo {
   position: absolute;
   top: 4px;
@@ -305,7 +301,7 @@ body {
 }
 
 .btn-remove-photo:hover {
-  background: rgb(224 108 117 / 90%);
+  background: var(--marker-color-primary);
 }
 
 .spin-animation {
@@ -1588,12 +1584,6 @@ button.create-place {
   color: #00c;
 }
 
-.connected-status {
-  margin-bottom: 1rem;
-  color: #080;
-  word-break: break-all;
-}
-
 .preview-group {
   margin-bottom: 1rem;
 }