1 files changed, 17 insertions, 17 deletions
diff --git a/src/components/items_table.vue b/src/components/items_table.vue
index b18c91d..f429eb8 100644
--- a/src/components/items_table.vue
+++ b/src/components/items_table.vue
@@ -14,23 +14,19 @@ const isLoading = ref(false)
 
 const getAllItems = async () => {
   allItems.value = []
-  allBrands.value = []
-  isLoading.value = true
-
-  try {
-    const res = await axios.get('/item')
-    if (res.status === 200) {
-      allItems.value = res.data.data
-    } else if (res.status === 204) {
-      toast.warning('No records found')
-    }
-
-    const r = await axios.get('/brand')
-    if (r.status === 200) {
-      allBrands.value = r.data.data
-    } else if (r.status === 204) {
-      toast.warning('No records found')
-    }
+   allBrands.value = []
+   isLoading.value = true
+
+   try {
+     const res = await axios.get('/item')
+     if (res.status === 200) {
+       allItems.value = res.data.data
+     }
+
+     const r = await axios.get('/brand')
+     if (r.status === 200) {
+       allBrands.value = r.data.data
+     }
   } catch (err) {
     toast.error('An unhandled exception occoured. Please check logs')
     console.error(err)
@@ -65,6 +61,10 @@ onMounted(() => {
     </div>
   </div>
 
+  <div v-else-if="allItems.length === 0" class="w-100 d-flex justify-content-center">
+    <p>No items added! <RouterLink to="/item/new">Add new.</RouterLink></p>
+  </div>
+
   <table v-else class="table table-striped table-hover">
     <thead>
       <tr>