fix: loading causing stale data to present in form(#650)

hay-kot · Dec 1, 2023 · 4d9131b · 4d9131b
1 parent 321a83b
commit 4d9131b
Showing 1 changed file with 6 additions and 2 deletions.
diff --git 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>