From 3b8b45c25da1764585ee69f824686ce37ecd6bf9 Mon Sep 17 00:00:00 2001
From: Quentin Bramas <bramas@unistra.fr>
Date: Mon, 11 Nov 2024 16:35:55 +0100
Subject: [PATCH] =?UTF-8?q?cr=C3=A9ation=20tag=20is=20selected=20by=20defa?=
 =?UTF-8?q?ult=20and=20removed=20upon=20search?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                     |  2 +-
 src/components/GitCheatSheet.tsx | 10 +++++-----
 src/routes/index.tsx             | 18 +++++++++++-------
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index e8d2491..113b1ad 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "example-basic",
+  "name": "example-basique",
   "type": "module",
   "scripts": {
     "dev": "vinxi dev",
diff --git a/src/components/GitCheatSheet.tsx b/src/components/GitCheatSheet.tsx
index 099e8b2..5113652 100644
--- a/src/components/GitCheatSheet.tsx
+++ b/src/components/GitCheatSheet.tsx
@@ -86,14 +86,14 @@ Cela permet une collaboration efficace en garantissant que chaque membre de l'é
         description: 'Afficher l’état des fichiers dans le répertoire de travail.',
         example: 'git status',
         result: 'Liste des fichiers modifiés, ajoutés ou supprimés par rapport à la dernière validation.',
-        tag: 'basic',
+        tag: 'basique',
     },
     {
         command: ['git add <fichier>', 'git add <dossier>'],
         description: 'Dit à git que l\'on souhaite sauvegarder ce fichier ou ce dossier.',
         example: 'git add .',
         result: 'Ajoute tout les fichiers du dossier courant.',
-        tag: 'basic',
+        tag: 'basique',
     }, 
     {
         command: ['git commit -am "message"'],
@@ -101,21 +101,21 @@ Cela permet une collaboration efficace en garantissant que chaque membre de l'é
         long_description: 'Les fichiers qu\'on à ajouté avec \'git add\' dans le passé sont sauvegarder localement. On pourra retrouver leur contenu à tout moment. Cependant, ils ne sont pas sauvegarder sur le serveur distant ou partagés avec d\'autre. Pour cela il faut "pousser" les modifications avec la command "git push".',
         example: 'git commit -am "résolution de TP1"',
         result: 'Un nouveau commit est créé avec le message "résolution de TP1".',
-        tag: 'basic',
+        tag: 'basique',
     },
     {
         command: ['git push'],
         description: 'Envoyer les modifications locales vers le dépôt distant.',
         example: 'git push origin main',
         result: 'Les modifications sont envoyées à la branche "main" du dépôt distant.',
-        tag: 'basic',
+        tag: 'basique',
     },
     {
         command: ['git pull'],
         description: 'Récupérer les modifications depuis le dépôt distant.',
         example: 'git pull origin main',
         result: 'Les modifications de la branche "main" sont fusionnées dans votre branche locale.',
-        tag: 'basic',
+        tag: 'basique',
     },
     {
         common: 'Gestion des conflits',
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 5a30725..3bead2e 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -9,10 +9,17 @@ const App = () => {
   
   const [search, setSearch] = createSignal('');
   const [selectedCommand, setSelectedCommand] = createSignal(null);
-  const [tags, setTags] = createSignal('');
+  const [tags, setTags] = createSignal('création');
 
   const filteredCommands = () =>
     gitCommands.filter((cmd) => {
+      if(search().trim() == '')
+      {
+        // Filtrer par tags
+        const matchesTags = (!tags() || tags() == cmd.tag);
+        return matchesTags;
+      }
+
       // if cmd.command is an array, join it
       let cmd_command = Array.isArray(cmd.command) ? cmd.command.join(' ') : cmd.command;
       // Filtrer par recherche
@@ -20,10 +27,7 @@ const App = () => {
         cmd_command.toLowerCase().includes(search().toLowerCase()) ||
         cmd.description.toLowerCase().includes(search().toLowerCase());
   
-      // Filtrer par tags
-      const matchesTags = (!tags() || tags() == cmd.tag);
-  
-      return matchesSearch && matchesTags;
+      return matchesSearch;
     });
 
   return (
@@ -34,9 +38,9 @@ const App = () => {
         onInput={(e) => setSearch(e.currentTarget.value)}
       />
       <div class="tags">
-      {['création', 'basic', 'conflits', 'avancé'].map((tag) => (
+      {['création', 'basique', 'conflits', 'avancé'].map((tag) => (
         <button
-        class={`tag-button ${tag == tags() ? 'active' : ''}`}
+        class={`tag-button ${tag == tags() && search().trim() == '' ? 'active' : ''}`}
         onClick={() => {
               if (tags() !== tag) {
                 setTags(tag);
-- 
GitLab