From ddca8ef14254aa1157b12bf5e864c105b97d9be0 Mon Sep 17 00:00:00 2001
From: awlfccamp <angelawlee@rocketmail.com>
Date: Wed, 12 Jun 2024 17:41:21 -0500
Subject: [PATCH] update html components to mui components including loading

---
 .../src/components/admin/donutChartLoading.js | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/client/src/components/admin/donutChartLoading.js b/client/src/components/admin/donutChartLoading.js
index b30f036fc..a7cfdad3e 100644
--- a/client/src/components/admin/donutChartLoading.js
+++ b/client/src/components/admin/donutChartLoading.js
@@ -1,20 +1,19 @@
-import React from "react";
-import Loading from "../../svg/22.gif";
-
-import "../../sass/Dashboard.scss";
+import React from 'react';
+import { Box, Container, CircularProgress, Typography } from '@mui/material';
+import '../../sass/Dashboard.scss';
 
 const DonutChartLoading = (props) => (
-  <div className="dashboard-stats">
-    <div className="dashboard-stat-container">
-      <div className="stat-header">
-        <p className="stat-header-text"></p>
-      </div>
-      <div className="stat-number"></div>
-    </div>
-    <div className="dashboard-chart-container">
-      <img src={Loading} alt="Logo" />
-    </div>
-  </div>
+  <Container className="dashboard-stats">
+    <Box className="dashboard-stat-container">
+      <Box className="stat-header">
+        <Typography className="stat-header-text"></Typography>
+      </Box>
+      <Box className="stat-number"></Box>
+    </Box>
+    <Box className="dashboard-chart-container">
+      <CircularProgress />
+    </Box>
+  </Container>
 );
 
 export default DonutChartLoading;