From 8177706ed042b03597e9c7439cf1a75149984001 Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Tue, 7 Feb 2023 01:09:13 +0100
Subject: [PATCH] feat: cleaner name select

---
 src/main.tsx               | 2 +-
 src/routes/Liste/index.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index d79eea0..4f2be2a 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import {Outlet} from "react-router";
 import {createHashRouter, RouterProvider} from "react-router-dom"
-import {ListeResistants, resistantsLoader} from "./routes/ListeResistants"
+import {ListeResistants, resistantsLoader} from "./routes/Liste"
 import NotFound from "./routes/NotFound";
 import { PageResistant } from "./routes/PageResistant";
 import './style/SquareSpace/vars.css'
diff --git a/src/routes/Liste/index.tsx b/src/routes/Liste/index.tsx
index d986ab3..7732e56 100644
--- a/src/routes/Liste/index.tsx
+++ b/src/routes/Liste/index.tsx
@@ -2,8 +2,9 @@ import React from "react";
 import {Outlet, useLoaderData} from "react-router";
 import {ResistantRow} from "../ResistantRow";
 import {Resistant} from "../../Resistant";
-import {Group} from "@mantine/core";
+import {Group, TextInput} from "@mantine/core";
 import {FiltreDepartement} from "./FiltreDepartement";
+import {IconUsers} from "@tabler/icons-react";
 
 export const resistantsLoader = async () => {
     const spreadsheetId = '1GL1MBChnwNn0t8WtKK5M3PbtCJ_bTJRhoTwAI9jeWck'
@@ -29,8 +30,7 @@ export const ListeResistants = () => {
         <>
             <div id="listeResistants">
                 <Group>
-                    Nom: <input type="text" name="nom" value={nom} onChange={filtreNom}/>
-                    &nbsp;
+                    <TextInput icon={<IconUsers />} placeholder="Nom" onChange={filtreNom}/>
                     <FiltreDepartement onChange={setDepartement}/>
                 </Group>