From 1e665dcd026a9d0b564c01bffb07d166233edc47 Mon Sep 17 00:00:00 2001
From: hackerESQ <corey@coreyvarma.com>
Date: Mon, 26 Aug 2024 20:26:15 -0500
Subject: [PATCH] fix loading spinner

---
 .../views/livewire/transactions-table.blade.php      | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/resources/views/livewire/transactions-table.blade.php b/resources/views/livewire/transactions-table.blade.php
index 65ea31e..777f48b 100644
--- a/resources/views/livewire/transactions-table.blade.php
+++ b/resources/views/livewire/transactions-table.blade.php
@@ -62,20 +62,22 @@ new class extends Component {
     <x-table 
         :headers="$headers" 
         :rows="$this->transactions()" 
-        x-data="{ loading: false, timeout: null }"
+        x-data="{ loadingId: null, timeout: null }"
         @row-click="
-            timeout = setTimeout(() => { loading = true }, 200);
+            timeout = setTimeout(() => { loadingId = $event.detail.id }, 200);
             $wire.showTransactionDialog($event.detail.id).then(() => {
                 clearTimeout(timeout);
-                loading = false;
+                loadingId = null;
             })
         "
         :sort-by="$sortBy" 
         with-pagination
     >
         @scope('cell_symbol', $row)
-            {{ $row->symbol }}
-            <x-loading x-show="loading" x-cloak class="text-gray-400 ml-2" />
+            <span class="flex">
+                {{ $row->symbol }}
+                <x-loading x-show="loadingId === '{{ $row->id }}'" x-cloak class="text-gray-400 ml-2" />
+            </span>
         @endscope
         @scope('cell_date', $row)
             {{ $row->date->format('M d, Y') }}