From c6037c4880374951bc0c0532974fe7575a2b9b9a Mon Sep 17 00:00:00 2001
From: Tobias Blum <tobiasblum02@gmail.com>
Date: Sun, 29 Oct 2023 15:10:37 +0100
Subject: [PATCH] Add empty space image

---
 frontend/pages/index.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 2b0f323..f008758 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -1,7 +1,13 @@
 <template>
   <div>
     <div class="bg-white py-16 sm:py-24">
-      <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
+      <div v-if="!matchedUserFs?.id" class="w-full flex justify-center text-center">
+        <div class="space-y-2">
+          <h2 class="text-lg">Nothing to see here, wait for your next match..</h2>
+          <img class="max-w-xl" src="/empty-state.jpg">
+        </div>
+      </div>
+      <div v-else class="mx-auto max-w-7xl sm:px-6 lg:px-8">
         <div
           class="relative overflow-hidden bg-gray-900 px-6 py-20 shadow-xl sm:rounded-3xl sm:px-10 sm:py-24 md:px-12 lg:px-20">
           <div class="absolute inset-0 bg-gray-900/90 mix-blend-multiply" />