From 0c7afa7460338c90f18526383472feb73fe8a2ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=BCneyt=20=C5=9Eent=C3=BCrk?= <cneytsenturk@gmail.com>
Date: Fri, 5 Aug 2022 19:04:38 +0300
Subject: [PATCH] add dropdown delete button.

---
 app/Jobs/Banking/UpdateTransaction.php             |  2 +-
 .../js/components/AkauntingDropzoneFileUpload.vue  | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/app/Jobs/Banking/UpdateTransaction.php b/app/Jobs/Banking/UpdateTransaction.php
index c1fe79deb..45e4a0bce 100644
--- a/app/Jobs/Banking/UpdateTransaction.php
+++ b/app/Jobs/Banking/UpdateTransaction.php
@@ -24,7 +24,7 @@ class UpdateTransaction extends Job implements ShouldUpdate
 
                     $this->model->attachMedia($media, 'attachment');
                 }
-            } elseif (!$this->request->file('attachment') && $this->model->attachment) {
+            } elseif (! $this->request->file('attachment') && $this->model->attachment) {
                 $this->deleteMediaModel($this->model, 'attachment', $this->request);
             }
 
diff --git a/resources/assets/js/components/AkauntingDropzoneFileUpload.vue b/resources/assets/js/components/AkauntingDropzoneFileUpload.vue
index 24c669ea1..675b7783c 100644
--- a/resources/assets/js/components/AkauntingDropzoneFileUpload.vue
+++ b/resources/assets/js/components/AkauntingDropzoneFileUpload.vue
@@ -17,6 +17,12 @@
                 <span class="material-icons-outlined avatar hidden" data-dz-thumbnail-word>content_paste</span>
                 <span class="material-icons-outlined avatar hidden" data-dz-thumbnail-excel>table_chart</span>
                 <span class="mb-1 text-sm ml-3 text-gray-500 hidden" data-dz-name>...</span>
+
+                <div class="gap-x-1 relative">
+                    <button data-dz-remove="true" class="absolute group right-0">
+                        <span class="material-icons text-base text-red px-1.5 py-1 rounded-lg group-hover:bg-gray-100">delete</span>
+                    </button>
+                </div>
             </div>
         </div>
 
@@ -40,11 +46,11 @@
                     </div>
 
                     <div class="gap-x-1">
-                        <button data-dz-remove="true" class="btn btn-danger btn-sm">
-                            <span class="material-icons text-base text-red">delete</span>
+                        <button data-dz-remove="true" class="group">
+                            <span class="material-icons text-base text-red px-1.5 py-1 rounded-lg group-hover:bg-gray-100">delete</span>
                         </button>
-                        <a href="#" type="button" class="btn btn-sm btn-info hidden" data-dz-download>
-                            <span class="material-icons-round text-base">download</span>
+                        <a href="#" type="button" class="group hidden" data-dz-download>
+                            <span class="material-icons-round text-base text-red px-1.5 py-1 rounded-lg group-hover:bg-gray-100">download</span>
                         </a>
                     </div>
                 </div>