From 5b0b326fc54e2e9ebf7238fdd2dcd7acdde214e7 Mon Sep 17 00:00:00 2001
From: AbdBarho <ka70911@gmail.com>
Date: Thu, 29 Dec 2022 17:07:37 +0100
Subject: [PATCH] Add Loading Screen

---
 website/src/pages/evaluate/rank_user_replies.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/website/src/pages/evaluate/rank_user_replies.tsx b/website/src/pages/evaluate/rank_user_replies.tsx
index 50df5a9ced..74b2ac8af3 100644
--- a/website/src/pages/evaluate/rank_user_replies.tsx
+++ b/website/src/pages/evaluate/rank_user_replies.tsx
@@ -7,6 +7,7 @@ import fetcher from "src/lib/fetcher";
 import poster from "src/lib/poster";
 
 import { Button } from "src/components/Button";
+import { LoadingScreen } from "src/components/Loading/LoadingScreen";
 import { Sortable } from "src/components/Sortable/Sortable";
 import { TaskInfo } from "src/components/TaskInfo/TaskInfo";
 
@@ -41,9 +42,10 @@ const RankUserReplies = () => {
     });
   };
 
-  /**
-   * TODO: Make this a nicer loading screen.
-   */
+  if (isLoading) {
+    return <LoadingScreen text="Loading..." />;
+  }
+
   if (tasks.length == 0) {
     return <div className="p-6 bg-slate-100 text-gray-800">Loading...</div>;
   }