From fc3bc3f010a38c25bec1a8c2742f40d288618cde Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Fri, 1 Dec 2023 11:57:43 -0600
Subject: [PATCH] fix: loading causing stale data to present in form(#650)

Former-commit-id: 4d9131ba7ea05e150b5c8a332ddf612d72f6055b
---
 frontend/pages/item/[id]/index/edit.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/item/[id]/index/edit.vue b/frontend/pages/item/[id]/index/edit.vue
index 73b8c51..493aab0 100644
--- a/frontend/pages/item/[id]/index/edit.vue
+++ b/frontend/pages/item/[id]/index/edit.vue
@@ -23,7 +23,11 @@
   const labelStore = useLabelStore();
   const labels = computed(() => labelStore.labels);
 
-  const { data: nullableItem, refresh } = useAsyncData(async () => {
+  const {
+    data: nullableItem,
+    refresh,
+    pending: requestPending,
+  } = useAsyncData(async () => {
     const { data, error } = await api.items.get(itemId.value);
     if (error) {
       toast.error("Failed to load item");
@@ -450,7 +454,7 @@
           Delete
         </BaseButton>
       </div>
-      <div class="space-y-6">
+      <div v-if="!requestPending" class="space-y-6">
         <BaseCard class="overflow-visible">
           <template #title> Edit Details </template>
           <template #title-actions>