From 19150f2800ef876855aaad0523ba6b4696074f38 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Wed, 25 Sep 2024 16:31:53 +0530
Subject: [PATCH] feat: use circular progress

---
 src/routes/userRoute.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/routes/userRoute.tsx b/src/routes/userRoute.tsx
index d53f36cb..b63d74f3 100644
--- a/src/routes/userRoute.tsx
+++ b/src/routes/userRoute.tsx
@@ -2,6 +2,7 @@ import { useState, useEffect, ReactNode } from 'react';
 import axios from 'axios';
 import { useNavigate } from 'react-router-dom';
 import { useGlobalInfoStore } from "../context/globalInfo";
+import { CircularProgress } from '@mui/material';
 
 interface UserRouteProps {
     children: ReactNode;
@@ -56,7 +57,7 @@ const UserRoute: React.FC<UserRouteProps> = ({ children }) => {
     };
 
     if (loading) {
-        return <div>Loading...</div>;
+        return <div><CircularProgress /></div>;
     }
 
     return ok ? <>{children}</> : null;