diff --git a/src/components/admin/dashboard-statistics/GlobalStats.tsx b/src/components/admin/dashboard-statistics/GlobalStats.tsx index 9fc11dc6c..a515eb1be 100644 --- a/src/components/admin/dashboard-statistics/GlobalStats.tsx +++ b/src/components/admin/dashboard-statistics/GlobalStats.tsx @@ -2,85 +2,102 @@ import React from 'react'; import AccessTimeIcon from '@mui/icons-material/AccessTime'; import VisibilityIcon from '@mui/icons-material/Visibility'; +import { Grid } from '@mui/material'; import TeamComments from './TeamComments'; import AverageStatsCard from './cards/AverageStatsCard/AverageStatsCard'; import ClassesExchangesCard from './cards/ClassesExchangesCard/ClassesExchangesCard'; import StatsCard from './cards/StatsCard/StatsCard'; import DashboardWorldMap from './map/DashboardWorldMap/DashboardWorldMap'; -import PhaseDetails from './menu/PhaseDetails'; import { useGetSessionsStats } from 'src/api/statistics/statistics.get'; const GlobalStats = () => { - const sessionsStats = useGetSessionsStats(); + const sessionsStats = useGetSessionsStats(null); if (sessionsStats.isError) return

Error!

; if (sessionsStats.isLoading || sessionsStats.isIdle) return

Loading...

; + console.log('Sessions stats', sessionsStats.data); + return ( <> -
- Nombre de classes inscrites - Nombre de classes connectées - Nombre de classes contributrices -
-
- } - > - Temps de connexion moyen par classe - - } - > - Nombre de connexions moyen par classe - -
-
- -
-
- -
-
- -
-
- -
+ + + + Nombre de classes
+ inscrites +
+
+ + + Nombre de classes
connectées +
+
+ + + Nombre de classes
contributrices +
+
+ + } + > + Temps de connexion moyen par classe + + + + } + > + Nombre de connexions moyen par classe + + + + + + {/*
+ +
+
+ +
+
+ +
*/} +
); }; diff --git a/src/components/admin/dashboard-statistics/cards/StatsCard/StatsCard.module.css b/src/components/admin/dashboard-statistics/cards/StatsCard/StatsCard.module.css index 94f559949..c91490ba9 100644 --- a/src/components/admin/dashboard-statistics/cards/StatsCard/StatsCard.module.css +++ b/src/components/admin/dashboard-statistics/cards/StatsCard/StatsCard.module.css @@ -2,10 +2,9 @@ background: linear-gradient(0deg, #6065FC, #6065FC), radial-gradient(69.64% 69.64% at 51.53% 21.25%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); text-align: center; - padding: 1rem; + padding: 16px; border-radius: 1rem; - width: 240px; - flex-wrap: wrap; + width: auto; color: #FFF; }