added a loader to the profiles statistics

ita-social-projects · Dec 16, 2024 · 5178f87 · 5178f87
1 parent 994de3e
commit 5178f87
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/FrontEnd/src/pages/AdminPage/UserProfilesTable/ProfilesStatistics.jsx b/FrontEnd/src/pages/AdminPage/UserProfilesTable/ProfilesStatistics.jsx
@@ -1,6 +1,7 @@
 import axios from 'axios';
 import useSWR from 'swr';
 import { Descriptions } from 'antd';
+import Loader from '../../../components/Loader/Loader';
 import css from './ProfilesStatistics.module.css';
 
 async function fetcher(url) {
@@ -40,7 +41,7 @@ function ProfilesStatistics() {
 
   return isLoading ? (
     <div className={css['loader-container']}>
-      Loading...
+      <Loader />
     </div>
   ) : error ? (
     <div className={css['error']}>Не вдалося отримати статистику компаній</div>

diff --git a/FrontEnd/src/pages/AdminPage/UserProfilesTable/ProfilesStatistics.module.css b/FrontEnd/src/pages/AdminPage/UserProfilesTable/ProfilesStatistics.module.css
@@ -16,4 +16,9 @@
   padding: 10px;
   border-radius: 4px;
   margin-top: 10px;
+}
+
+.loader-container {
+  width: 200px;
+  height: 300px;
 }
diff --git a/FrontEnd/src/pages/CustomThemes/customAdminTheme.js b/FrontEnd/src/pages/CustomThemes/customAdminTheme.js
@@ -21,6 +21,13 @@ const customAdminTheme = {
       Table: {
         lineWidth: 3,
         colorPrimary: '#1f9a7c'
+      },
+      Carousel: {
+        colorBgContainer: '#B4D27A',
+        dotActiveWidth: 32,
+        dotWidth: 32,
+        dotHeight: 6,
+        lineHeight: 1,
       }
     },
   };