From fbed1280c549c89517c71f0607076adcff1a6ac8 Mon Sep 17 00:00:00 2001
From: Alexander Grattan <alex@grattan.me>
Date: Fri, 26 Jul 2024 13:28:24 -0400
Subject: [PATCH] fix: add loading spinner for face off component

---
 apps/client/src/components/game/face-off.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/components/game/face-off.tsx b/apps/client/src/components/game/face-off.tsx
index 90c04a2..b224249 100644
--- a/apps/client/src/components/game/face-off.tsx
+++ b/apps/client/src/components/game/face-off.tsx
@@ -49,10 +49,9 @@ const FaceOff = ({
     setLoading(false);
     setVoteSubmitted(true);
   };
-
   return (
     <div className="mx-auto max-w-2xl">
-      {currQuestionGenerations && (
+      {currQuestionGenerations ? (
         <>
           <div className="relative mb-14">
             <motion.h2
@@ -111,6 +110,10 @@ const FaceOff = ({
             )}
           </div>
         </>
+      ) : (
+        <div className="text-center">
+          <Ellipsis />
+        </div>
       )}
     </div>
   );