From 5c4ad537c5f92d767b89900c19b870f0ee3d0161 Mon Sep 17 00:00:00 2001
From: Tobias Blum <tobiasblum02@gmail.com>
Date: Sun, 29 Oct 2023 15:24:30 +0100
Subject: [PATCH] Fix loading error when there are no matches

---
 frontend/pages/index.vue | 35 ++++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index f008758..ee861db 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -88,13 +88,6 @@
       </div>
     </div>
   </div>
-
-  <!-- Show all user details in a list -->
-  <!-- <ul>
-    <li v-for="user in users" :key="user.id">
-      {{ user.name }} : {{ user.preferences }}
-    </li>
-  </ul> -->
 </template>
 
 <script setup lang="ts">
@@ -132,20 +125,28 @@ const docsSnap = await getDocs(
 );
 
 // Get the latest match
+let matchedUserId = undefined
+let matchedUser = {}
+let matchedUserFs = undefined
+
 const lastDoc = docsSnap.docs[docsSnap.docs.length - 1];
 
-const participants = lastDoc.data().participants;
-let matchedUser = participants[0];
 
-if (matchedUser.id === userId) {
-  matchedUser = participants[1];
-}
+if (lastDoc) {
 
-console.log("MATCHED USER", matchedUser);
+  const participants = lastDoc.data().participants;
+  matchedUser = participants[0];
+
+  if (matchedUser.id === userId) {
+    matchedUser = participants[1];
+  }
+
+  matchedUserId = matchedUser.id
+  matchedUserFs = useDocument<User>(
+    doc(collection(firestore, "users"), matchedUserId)
+  );
+  const body = computed(() => `Hi, ${matchedUser?.name} %0D%0A%0D%0A How about grabbing a coffee sometime this week%3F %0D%0A%0D%0A Best, %0D%0A ${username}`)
+}
 
-const matchedUserFs = useDocument<User>(
-  doc(collection(firestore, "users"), matchedUser.id)
-);
 
-const body = computed(() => `Hi, ${matchedUser.name} %0D%0A%0D%0A How about grabbing a coffee sometime this week%3F %0D%0A%0D%0A Best, %0D%0A ${username}`)
 </script>
\ No newline at end of file