From 7f18d5a5f63d01f0b6c1a0f81854653a4fb0ff3d Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Tue, 7 Feb 2023 01:30:49 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20add=20Acad=C3=A9mie=20filter?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/Liste/FiltreAcademie.tsx    | 23 +++++++++++++++++++++++
 src/routes/Liste/FiltreDepartement.tsx |  1 +
 src/routes/Liste/index.tsx             |  4 ++++
 3 files changed, 28 insertions(+)
 create mode 100644 src/routes/Liste/FiltreAcademie.tsx

diff --git a/src/routes/Liste/FiltreAcademie.tsx b/src/routes/Liste/FiltreAcademie.tsx
new file mode 100644
index 0000000..65d2a23
--- /dev/null
+++ b/src/routes/Liste/FiltreAcademie.tsx
@@ -0,0 +1,23 @@
+import {Select} from "@mantine/core";
+import {IconBuilding} from "@tabler/icons-react";
+import React from "react";
+import {Resistant} from "../../Resistant";
+
+interface Props {
+        resistants: Resistant[]
+        onChange: (value: string) => void
+}
+export const FiltreAcademie = ({resistants, onChange}: Props) =>
+    <Select
+        placeholder="Filtrer par académie"
+        onChange={onChange}
+        clearable
+        searchable
+        nothingFound="Aucun résistant ici"
+        icon={<IconBuilding/>}
+        data={[...new Set(resistants.map(r => r.academie))]
+            .filter(Boolean)
+            .sort()
+            .map(a => ({label: a, value: a}))
+        }
+    />
diff --git a/src/routes/Liste/FiltreDepartement.tsx b/src/routes/Liste/FiltreDepartement.tsx
index 243cfa8..240e8a2 100644
--- a/src/routes/Liste/FiltreDepartement.tsx
+++ b/src/routes/Liste/FiltreDepartement.tsx
@@ -17,6 +17,7 @@ export const FiltreDepartement = ({resistants, onChange}: Props) =>
         icon={<IconMapPin/>}
         data={[...new Set(resistants.map(r => r.departement))]
             .filter(Boolean)
+            .sort()
             .map(d => ({label: d, value: d}))
         }
     />
diff --git a/src/routes/Liste/index.tsx b/src/routes/Liste/index.tsx
index e2ac4d0..61696b3 100644
--- a/src/routes/Liste/index.tsx
+++ b/src/routes/Liste/index.tsx
@@ -6,6 +6,7 @@ import {Group, TextInput} from "@mantine/core";
 import {FiltreDepartement} from "./FiltreDepartement";
 import {IconUsers} from "@tabler/icons-react";
 import {Separator} from "../../components/Separator";
+import {FiltreAcademie} from "./FiltreAcademie";
 
 export const resistantsLoader = async () => {
     const spreadsheetId = '1GL1MBChnwNn0t8WtKK5M3PbtCJ_bTJRhoTwAI9jeWck'
@@ -23,6 +24,7 @@ const normalize = (text: string) => (text || "")
 export const ListeResistants = () => {
     const { resistants } = useLoaderData() as { resistants: Resistant[] }
     const [departement, setDepartement] = React.useState<string|null>(null)
+    const [academie, setAcademie] = React.useState<string|null>(null)
     const [nom, setNom] = React.useState<string|undefined>(undefined)
 
     const filtreNom = (event: React.ChangeEvent<HTMLInputElement>) => setNom(event.target.value)
@@ -33,6 +35,7 @@ export const ListeResistants = () => {
                 <Group position="center">
                     <TextInput icon={<IconUsers />} placeholder="Nom" onChange={filtreNom}/>
                     <FiltreDepartement resistants={resistants} onChange={setDepartement}/>
+                    <FiltreAcademie resistants={resistants} onChange={setAcademie}/>
                 </Group>
 
                 <Separator />
@@ -40,6 +43,7 @@ export const ListeResistants = () => {
                 {resistants
                     .filter(r => !nom || normalize(r.noms).includes(normalize(nom.toLowerCase())))
                     .filter(r => !departement || normalize(r.departement).includes(normalize(departement)))
+                    .filter(r => !academie || normalize(r.academie).includes(normalize(academie)))
                     .map((r) => <ResistantRow resistant={r} key={r.noms}/>)}
                 <Outlet/>
             </div>