From 90daa19c6cf3a5f3d03bdb7d7b6b87c1555c2e26 Mon Sep 17 00:00:00 2001
From: abhay-raj19 <rajpootabhay423@gmail.com>
Date: Sat, 25 May 2024 06:44:04 +0530
Subject: [PATCH] Feat:removed up the loading screen

Signed-off-by: abhay-raj19 <rajpootabhay423@gmail.com>
---
 apps/frontend/package.json              |  1 +
 apps/frontend/src/components/Loader.tsx | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/package.json b/apps/frontend/package.json
index 51d2eef1..1b3346de 100644
--- a/apps/frontend/package.json
+++ b/apps/frontend/package.json
@@ -24,6 +24,7 @@
     "react": "^18.2.0",
     "react-confetti": "^6.1.0",
     "react-dom": "^18.2.0",
+    "react-loader-spinner": "^6.1.6",
     "react-router-dom": "^6.22.3",
     "recoil": "^0.7.7",
     "tailwind-merge": "^2.3.0",
diff --git a/apps/frontend/src/components/Loader.tsx b/apps/frontend/src/components/Loader.tsx
index 3e748f30..eaa6d55d 100644
--- a/apps/frontend/src/components/Loader.tsx
+++ b/apps/frontend/src/components/Loader.tsx
@@ -1,4 +1,18 @@
 //TODO: Make prettier
+import { BallTriangle } from 'react-loader-spinner'
+
 export const Loader = () => {
-  return <div>Loading..</div>;
+  return <div className='h-screen flex items-center justify-center'>
+          <BallTriangle
+            height={100}
+            width={100}
+            radius={5}
+            color="#4fa94d"
+            ariaLabel="ball-triangle-loading"
+            wrapperStyle={{}}
+            wrapperClass=""
+            visible={true}
+            />
+          </div>
+
 };