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 ( + + + Phase + + + + ); +}