From fe99df72c413d9e94fd12d02837e8b7d2190b0f7 Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Tue, 7 Feb 2023 01:11:01 +0100
Subject: [PATCH] feat: add separator between filters and list

---
 src/components/Separator.tsx | 7 +++++++
 src/routes/Liste/index.tsx   | 3 +++
 src/routes/ResistantRow.tsx  | 8 ++------
 3 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 src/components/Separator.tsx

diff --git a/src/components/Separator.tsx b/src/components/Separator.tsx
new file mode 100644
index 0000000..efb0453
--- /dev/null
+++ b/src/components/Separator.tsx
@@ -0,0 +1,7 @@
+export const Separator = () => <div className="sqs-block horizontalrule-block sqs-block-horizontalrule"
+                                    data-block-type="47"
+                                    id="block-yui_3_17_2_1_1663092647761_201089">
+    <div className="sqs-block-content">
+        <hr/>
+    </div>
+</div>;
diff --git a/src/routes/Liste/index.tsx b/src/routes/Liste/index.tsx
index 7732e56..d1a9112 100644
--- a/src/routes/Liste/index.tsx
+++ b/src/routes/Liste/index.tsx
@@ -5,6 +5,7 @@ import {Resistant} from "../../Resistant";
 import {Group, TextInput} from "@mantine/core";
 import {FiltreDepartement} from "./FiltreDepartement";
 import {IconUsers} from "@tabler/icons-react";
+import {Separator} from "../../components/Separator";
 
 export const resistantsLoader = async () => {
     const spreadsheetId = '1GL1MBChnwNn0t8WtKK5M3PbtCJ_bTJRhoTwAI9jeWck'
@@ -34,6 +35,8 @@ export const ListeResistants = () => {
                     <FiltreDepartement onChange={setDepartement}/>
                 </Group>
 
+                <Separator />
+
                 {resistants
                     .filter(r => !nom || normalize(r.noms).includes(normalize(nom.toLowerCase())))
                     .filter(r => !departement || normalize(r.departement).includes(normalize(departement)))
diff --git a/src/routes/ResistantRow.tsx b/src/routes/ResistantRow.tsx
index f4d7584..2736e1f 100644
--- a/src/routes/ResistantRow.tsx
+++ b/src/routes/ResistantRow.tsx
@@ -1,5 +1,6 @@
 import {Resistant} from "../Resistant";
 import {useNavigate} from "react-router";
+import {Separator} from "../components/Separator";
 
 interface Props {
     resistant: Resistant
@@ -68,12 +69,7 @@ export const ResistantRow = ({resistant}: Props) => {
             </div>
 
 
-            <div className="sqs-block horizontalrule-block sqs-block-horizontalrule" data-block-type="47"
-                 id="block-yui_3_17_2_1_1663092647761_201089">
-                <div className="sqs-block-content">
-                    <hr/>
-                </div>
-            </div>
+            <Separator/>
         </>
     );
 }