From 943435332be8498fd20da3d624c112cfddfc383e Mon Sep 17 00:00:00 2001
From: Dropheart <jay@abussaud.dev>
Date: Mon, 30 Sep 2024 00:29:37 +0300
Subject: [PATCH] message rather than error if no family

---
 app/pages/family.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/pages/family.vue b/app/pages/family.vue
index dcdd504..459f55c 100644
--- a/app/pages/family.vue
+++ b/app/pages/family.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 const headers = useRequestHeaders();
+const { currentUser } = useAuth();
 // TODO specify the type of data
 const { data, status, error } = useFetch<any>('/api/family/myFamily', {
   headers
@@ -15,6 +16,14 @@ definePageMeta({
     <CardTitle>Your Family</CardTitle>
 
     <div v-if="status == 'pending'">Loading...</div>
+    <div v-else-if="error?.statusCode == 400">
+      You do not have a family.
+      {{
+        currentUser!.role == 'fresher'
+          ? "We'll let you know when your family has been allocated!"
+          : 'All you needed was a happy marriage :('
+      }}
+    </div>
     <div v-else-if="status == 'error'">Oops... {{ error?.message }}</div>
     <div v-else-if="status == 'success'">
       <CardDetails>