From 4ac727e76abc581400cfc12740bbbb9080231629 Mon Sep 17 00:00:00 2001
From: Giovanni-Josserand <josserand.giovanni@gmail.com>
Date: Thu, 20 Nov 2025 12:08:14 +0100
Subject: [PATCH] update of filter menu icons

---
 src/assets/sortByAlpha.svg              |  1 +
 src/assets/sortByAntiAlpha.svg          |  5 +++++
 src/assets/timerArrowDown.svg           |  1 +
 src/assets/timerArrowUp.svg             |  1 +
 src/components/Filter/Filter.jsx        | 21 ++++++++++++++++++++-
 src/components/Filter/Filter.module.css |  1 +
 6 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/sortByAlpha.svg
 create mode 100644 src/assets/sortByAntiAlpha.svg
 create mode 100644 src/assets/timerArrowDown.svg
 create mode 100644 src/assets/timerArrowUp.svg

diff --git a/src/assets/sortByAlpha.svg b/src/assets/sortByAlpha.svg
new file mode 100644
index 0000000..28789ca
--- /dev/null
+++ b/src/assets/sortByAlpha.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="m80-280 150-400h86l150 400h-82l-34-96H196l-32 96H80Zm140-164h104l-48-150h-6l-50 150Zm328 164v-76l202-252H556v-72h282v76L638-352h202v72H548ZM360-760l120-120 120 120H360ZM480-80 360-200h240L480-80Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/sortByAntiAlpha.svg b/src/assets/sortByAntiAlpha.svg
new file mode 100644
index 0000000..f74e5d8
--- /dev/null
+++ b/src/assets/sortByAntiAlpha.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
+  <path d="M 480,-880 360,-760 H 600 Z M 360,-200 480,-80 600,-200 Z" />
+  <path d="M 71.679924,-674.40094 H 398.50264 v 60.67705 l -208.59362,252.3436 h 214.5832 v 75.7812 H 65.690344 v -60.67705 L 274.28397,-598.61973 H 71.679924 Z" />
+  <path d="M 769.04932,-356.43238 H 612.27858 l -24.73957,70.83329 H 486.75782 l 144.01033,-388.80185 h 119.53118 l 144.01033,388.80185 H 793.52847 Z m -131.77076,-72.13537 h 106.51035 l -53.12496,-154.68741 z" />
+</svg>
diff --git a/src/assets/timerArrowDown.svg b/src/assets/timerArrowDown.svg
new file mode 100644
index 0000000..df66463
--- /dev/null
+++ b/src/assets/timerArrowDown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M340-160q-125 0-212.5-87.5T40-460q0-125 87.5-212.5T340-760q52 0 98 16.5t84 45.5l42-42 56 56-42 42q29 38 45.5 84.5T640-460q0 125-87.5 212.5T340-160Zm440 0L640-300l56-56 44 44v-488h80v487l43-43 57 56-140 140ZM240-800v-80h200v80H240Zm100 560q92 0 156-64t64-156q0-92-64-156t-156-64q-92 0-156 64t-64 156q0 92 64 156t156 64Zm-40-180h80v-200h-80v200Zm40-40Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/timerArrowUp.svg b/src/assets/timerArrowUp.svg
new file mode 100644
index 0000000..861ced2
--- /dev/null
+++ b/src/assets/timerArrowUp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M340-160q-125 0-212.5-87.5T40-460q0-125 87.5-212.5T340-760q52 0 98 16.5t84 45.5l42-42 56 56-42 42q29 38 45.5 84.5T640-460q0 125-87.5 212.5T340-160Zm400 0v-488l-44 44-56-56 140-140 140 140-57 56-43-43v487h-80ZM240-800v-80h200v80H240Zm100 560q92 0 156-64t64-156q0-92-64-156t-156-64q-92 0-156 64t-64 156q0 92 64 156t156 64Zm-40-180h80v-200h-80v200Zm40-40Z"/></svg>
\ No newline at end of file
diff --git a/src/components/Filter/Filter.jsx b/src/components/Filter/Filter.jsx
index f726364..e98c259 100644
--- a/src/components/Filter/Filter.jsx
+++ b/src/components/Filter/Filter.jsx
@@ -23,10 +23,29 @@ function Filter({isFilterVisible, filters, setFilters}){
                     <path d="m80-280 150-400h86l150 400h-82l-34-96H196l-32 96H80Zm140-164h104l-48-150h-6l-50 150Zm328 164v-76l202-252H556v-72h282v76L638-352h202v72H548ZM360-760l120-120 120 120H360ZM480-80 360-200h240L480-80Z"/>
                 </svg>
             </button>
+            <button className={`${styles.filterTag} glassCard ${filters.alphabetical === "asc" ? "active" : ""}`}
+                    onClick={() => setAlphabeticalOrder("desc")}>
+
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
+                    <path d="M 480,-880 360,-760 H 600 Z M 360,-200 480,-80 600,-200 Z" />
+                    <path d="M 71.679924,-674.40094 H 398.50264 v 60.67705 l -208.59362,252.3436 h 214.5832 v 75.7812 H 65.690344 v -60.67705 L 274.28397,-598.61973 H 71.679924 Z" />
+                    <path d="M 769.04932,-356.43238 H 612.27858 l -24.73957,70.83329 H 486.75782 l 144.01033,-388.80185 h 119.53118 l 144.01033,388.80185 H 793.52847 Z m -131.77076,-72.13537 h 106.51035 l -53.12496,-154.68741 z" />
+                </svg>
+
+
+
+            </button>
+
             <button className={`${styles.filterTag} glassCard ${filters.alphabetical === "asc" ? "active" : ""}`}
                     onClick={() => setYearOrder("asc")}>
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
-                    <path d="M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z"/>
+                    <path d="M340-160q-125 0-212.5-87.5T40-460q0-125 87.5-212.5T340-760q52 0 98 16.5t84 45.5l42-42 56 56-42 42q29 38 45.5 84.5T640-460q0 125-87.5 212.5T340-160Zm400 0v-488l-44 44-56-56 140-140 140 140-57 56-43-43v487h-80ZM240-800v-80h200v80H240Zm100 560q92 0 156-64t64-156q0-92-64-156t-156-64q-92 0-156 64t-64 156q0 92 64 156t156 64Zm-40-180h80v-200h-80v200Zm40-40Z"/>
+                </svg>
+            </button>
+            <button className={`${styles.filterTag} glassCard ${filters.alphabetical === "asc" ? "active" : ""}`}
+                    onClick={() => setYearOrder("desc")}>
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor">
+                    <path d="M340-160q-125 0-212.5-87.5T40-460q0-125 87.5-212.5T340-760q52 0 98 16.5t84 45.5l42-42 56 56-42 42q29 38 45.5 84.5T640-460q0 125-87.5 212.5T340-160Zm440 0L640-300l56-56 44 44v-488h80v487l43-43 57 56-140 140ZM240-800v-80h200v80H240Zm100 560q92 0 156-64t64-156q0-92-64-156t-156-64q-92 0-156 64t-64 156q0 92 64 156t156 64Zm-40-180h80v-200h-80v200Zm40-40Z"/>
                 </svg>
             </button>
         </div>
diff --git a/src/components/Filter/Filter.module.css b/src/components/Filter/Filter.module.css
index cdfc895..354f2a2 100644
--- a/src/components/Filter/Filter.module.css
+++ b/src/components/Filter/Filter.module.css
@@ -24,6 +24,7 @@
     height: 45px;
 }
 
+
 .filterTag:focus {
     outline: none;
 }