From f8ff67f5acdc77d1641003ce979f50f901903ce9 Mon Sep 17 00:00:00 2001
From: Charisma Kausar <charisma.kausar@gmail.com>
Date: Mon, 9 Oct 2023 05:07:00 +0800
Subject: [PATCH] feat: Add match not found screen

---
 frontend/src/components/interviews/loader.tsx |  2 +-
 .../src/pages/interviews/[id]/find-match.tsx  |  2 +-
 .../src/pages/interviews/[id]/match-found.tsx |  2 +-
 .../pages/interviews/[id]/match-not-found.tsx | 21 +++++++++++++++++++
 4 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/pages/interviews/[id]/match-not-found.tsx

diff --git a/frontend/src/components/interviews/loader.tsx b/frontend/src/components/interviews/loader.tsx
index c9377658..eeeb6c70 100644
--- a/frontend/src/components/interviews/loader.tsx
+++ b/frontend/src/components/interviews/loader.tsx
@@ -30,4 +30,4 @@ export default function Loader() {
       </div>
     </div>
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/src/pages/interviews/[id]/find-match.tsx b/frontend/src/pages/interviews/[id]/find-match.tsx
index e7bd2779..38aa2200 100644
--- a/frontend/src/pages/interviews/[id]/find-match.tsx
+++ b/frontend/src/pages/interviews/[id]/find-match.tsx
@@ -34,4 +34,4 @@ export default function FindMatch() {
       </Link>
     </div>
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/src/pages/interviews/[id]/match-found.tsx b/frontend/src/pages/interviews/[id]/match-found.tsx
index f1b2c299..45212569 100644
--- a/frontend/src/pages/interviews/[id]/match-found.tsx
+++ b/frontend/src/pages/interviews/[id]/match-found.tsx
@@ -49,4 +49,4 @@ export default function MatchFound() {
       </div>
     </div>
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/src/pages/interviews/[id]/match-not-found.tsx b/frontend/src/pages/interviews/[id]/match-not-found.tsx
new file mode 100644
index 00000000..33eb9a67
--- /dev/null
+++ b/frontend/src/pages/interviews/[id]/match-not-found.tsx
@@ -0,0 +1,21 @@
+import { Button } from "@/components/ui/button";
+import { TypographyBody, TypographyH2 } from "@/components/ui/typography";
+import Link from "next/link";
+
+export default function MatchFound() {
+  return (
+    <div className='min-h-screen p-12 mx-auto max-w-7xl flex flex-col justify-evenly items-center'>
+      <TypographyH2>
+        Sorry, we couldn’t find anyone :(
+      </TypographyH2>
+
+      <TypographyBody>
+        Please come back later to find a peer to practice interviewing with!
+      </TypographyBody>
+
+      <Link href="/interviews">
+        <Button variant="secondary">Return Home</Button>
+      </Link>
+    </div>
+  )
+}