From 446bdccaba9674133b31954c3b01c5b7ea38d4d0 Mon Sep 17 00:00:00 2001
From: Atridad Lahiji <88056492+atridadl@users.noreply.github.com>
Date: Mon, 19 Jun 2023 23:46:12 -0600
Subject: [PATCH] Changed loading animation

---
 src/components/Navbar.tsx   | 2 +-
 src/components/RoomList.tsx | 2 +-
 src/pages/_app.tsx          | 2 +-
 src/pages/admin/index.tsx   | 8 ++++----
 src/pages/profile/index.tsx | 2 +-
 src/pages/room/[id].tsx     | 2 +-
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 9dde484..69500a3 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -53,7 +53,7 @@ const Navbar: React.FC<NavbarProps> = ({ title }) => {
 
       {sessionStatus === "loading" ? (
         <div className="flex items-center justify-center">
-          <span className="loading loading-spinner loading-lg"></span>
+          <span className="loading loading-dots loading-lg"></span>
         </div>
       ) : (
         navigationMenu()
diff --git a/src/components/RoomList.tsx b/src/components/RoomList.tsx
index 5f0e80e..4ba969a 100644
--- a/src/components/RoomList.tsx
+++ b/src/components/RoomList.tsx
@@ -137,7 +137,7 @@ const RoomList: React.FC = () => {
 
       {roomsFromDb === undefined && (
         <div className="flex items-center justify-center">
-          <span className="loading loading-spinner loading-lg"></span>
+          <span className="loading loading-dots loading-lg"></span>
         </div>
       )}
     </div>
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 3901282..f2fe2be 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -43,7 +43,7 @@ const MyApp: AppType<{ session: Session | null }> = ({
         <Navbar title="Sprint Padawan" />
         <div className="flex flex-row items-center justify-center min-h-[calc(100%-114px)]">
           {pageLoading ? (
-            <span className="loading loading-spinner loading-lg"></span>
+            <span className="loading loading-dots loading-lg"></span>
           ) : (
             <Component {...pageProps} />
           )}
diff --git a/src/pages/admin/index.tsx b/src/pages/admin/index.tsx
index 14dcc92..f54b8ee 100644
--- a/src/pages/admin/index.tsx
+++ b/src/pages/admin/index.tsx
@@ -148,7 +148,7 @@ const AdminBody: React.FC = () => {
           <div className="stat-title">Users</div>
           <div className="stat-value">
             {usersCountLoading || usersCountFetching ? (
-              <span className="loading loading-spinner loading-lg"></span>
+              <span className="loading loading-dots loading-lg"></span>
             ) : (
               <>{usersCount ? usersCount : "0"}</>
             )}
@@ -159,7 +159,7 @@ const AdminBody: React.FC = () => {
           <div className="stat-title">Rooms</div>
           <div className="stat-value">
             {roomsCountLoading || roomsCountFetching ? (
-              <span className="loading loading-spinner loading-lg"></span>
+              <span className="loading loading-dots loading-lg"></span>
             ) : (
               <>{roomsCount ? roomsCount : "0"}</>
             )}
@@ -170,7 +170,7 @@ const AdminBody: React.FC = () => {
           <div className="stat-title">Votes</div>
           <div className="stat-value">
             {votesCountLoading || votesCountFetching ? (
-              <span className="loading loading-spinner loading-lg"></span>
+              <span className="loading loading-dots loading-lg"></span>
             ) : (
               <>{votesCount ? votesCount : "0"}</>
             )}
@@ -194,7 +194,7 @@ const AdminBody: React.FC = () => {
           <h2 className="card-title">Users:</h2>
 
           {usersLoading || usersFetching ? (
-            <span className="loading loading-spinner loading-lg"></span>
+            <span className="loading loading-dots loading-lg"></span>
           ) : (
             <div className="overflow-x-scroll">
               <table className="table text-center">
diff --git a/src/pages/profile/index.tsx b/src/pages/profile/index.tsx
index 6ea729f..23963e6 100644
--- a/src/pages/profile/index.tsx
+++ b/src/pages/profile/index.tsx
@@ -127,7 +127,7 @@ const ProfileBody: React.FC = () => {
 
             {providersLoading ? (
               <div className="mx-auto">
-                <span className="loading loading-spinner loading-lg"></span>
+                <span className="loading loading-dots loading-lg"></span>{" "}
               </div>
             ) : (
               <div className="mx-auto">
diff --git a/src/pages/room/[id].tsx b/src/pages/room/[id].tsx
index 0cbf87e..34e1132 100644
--- a/src/pages/room/[id].tsx
+++ b/src/pages/room/[id].tsx
@@ -247,7 +247,7 @@ const RoomBody: React.FC = () => {
   if (roomFromDb === undefined) {
     return (
       <div className="flex flex-col items-center justify-center text-center">
-        <span className="loading loading-spinner loading-lg"></span>
+        <span className="loading loading-dots loading-lg"></span>{" "}
       </div>
     );
     // Room has been loaded