diff --git a/src/components/admin/dashboard-statistics/CountryStats.tsx b/src/components/admin/dashboard-statistics/CountryStats.tsx
index 3e10b31d9..86713d599 100644
--- a/src/components/admin/dashboard-statistics/CountryStats.tsx
+++ b/src/components/admin/dashboard-statistics/CountryStats.tsx
@@ -4,6 +4,7 @@ import BarCharts from './charts/BarCharts';
import DashboardTable from './charts/DashboardTable';
import HorizontalBars from './charts/HorizontalCharts';
import PieCharts from './charts/PieCharts';
+import PhaseDropdown from './filters/PhaseDropdown'
import styles from './styles/charts.module.css';
const pieChartData = {
@@ -19,6 +20,7 @@ const barChartData = [{ data: [4, 3, 5] }, { data: [1, 6, 3] }, { data: [2, 5, 6
const CountryStats = () => {
return (
<>
+
Statut: Observateur
diff --git a/src/components/admin/dashboard-statistics/filters/PhaseDropdown.tsx b/src/components/admin/dashboard-statistics/filters/PhaseDropdown.tsx
new file mode 100644
index 000000000..e8f67b833
--- /dev/null
+++ b/src/components/admin/dashboard-statistics/filters/PhaseDropdown.tsx
@@ -0,0 +1,34 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import InputLabel from '@mui/material/InputLabel';
+import MenuItem from '@mui/material/MenuItem';
+import FormControl from '@mui/material/FormControl';
+import Select, { SelectChangeEvent } from '@mui/material/Select';
+
+export default function PhaseDropdown() {
+ const [phase, setPhase] = React.useState('');
+
+ const handleChange = (event: SelectChangeEvent) => {
+ setPhase(event.target.value as string);
+ };
+
+ return (
+
+
+
+
+
+
+ );
+}