diff --git a/src/components/admin/dashboard-statistics/CountryStats.tsx b/src/components/admin/dashboard-statistics/CountryStats.tsx
index 44cb5ed3b..41d8384de 100644
--- a/src/components/admin/dashboard-statistics/CountryStats.tsx
+++ b/src/components/admin/dashboard-statistics/CountryStats.tsx
@@ -1,6 +1,10 @@
import React from 'react';
+import AccessTimeIcon from '@mui/icons-material/AccessTime';
+import VisibilityIcon from '@mui/icons-material/Visibility';
+
import BarCharts from './charts/BarCharts';
+import AverageStatsCard from './cards/AverageStatsCard/AverageStatsCard';
import DashboardTable from './charts/DashboardTable';
import HorizontalChart from './charts/HorizontalChart';
import PieCharts from './charts/PieCharts';
@@ -50,6 +54,14 @@ const CountryStats = () => {
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/styles/charts.module.css b/src/components/admin/dashboard-statistics/styles/charts.module.css
index 09d7ee743..9d3f3ddc8 100644
--- a/src/components/admin/dashboard-statistics/styles/charts.module.css
+++ b/src/components/admin/dashboard-statistics/styles/charts.module.css
@@ -42,6 +42,14 @@
padding-top: 5%;
}
+.averageStatsContainer {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ padding-top: 5%;
+ gap: 20px;
+}
+
.pieContainer {
display: flex;
flex-direction: column;
@@ -89,9 +97,9 @@
}
.exchangesCard {
- min-width: 30%;
+ width: 70%;
}
.connectionsChart {
- max-width: 20%;
+ width: 30%;
}