From d6a3e94ea710a494623a8636ccad71205094d9c6 Mon Sep 17 00:00:00 2001
From: devthejo <devthejo@protonmail.com>
Date: Sat, 9 Aug 2025 10:57:31 +0200
Subject: [PATCH] =?UTF-8?q?fix(theming):=20alertes=20archiv=C3=A9es=20butt?=
 =?UTF-8?q?ons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/scenes/AlertAggListArchived/index.js | 28 ++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/scenes/AlertAggListArchived/index.js b/src/scenes/AlertAggListArchived/index.js
index 1e899a1..a09b5c6 100644
--- a/src/scenes/AlertAggListArchived/index.js
+++ b/src/scenes/AlertAggListArchived/index.js
@@ -69,7 +69,10 @@ export default withConnectivity(function AlertAggListArchived() {
                 value={sortBy}
               >
                 <ToggleButton
-                  style={styles.sortByButton}
+                  style={[
+                    styles.sortByButton,
+                    sortBy === "createdAt" && styles.sortByButtonSelected,
+                  ]}
                   icon={() => (
                     // <MaterialIcons
                     //   name="access-time"
@@ -79,18 +82,29 @@ export default withConnectivity(function AlertAggListArchived() {
                     <MaterialCommunityIcons
                       name="clock-time-four-outline"
                       size={20}
-                      color={colors.surfaceSecondary}
+                      color={
+                        sortBy === "createdAt"
+                          ? colors.onPrimary
+                          : colors.onSurfaceVariant
+                      }
                     />
                   )}
                   value="createdAt"
                 />
                 <ToggleButton
-                  style={styles.sortByButton}
+                  style={[
+                    styles.sortByButton,
+                    sortBy === "alphabetical" && styles.sortByButtonSelected,
+                  ]}
                   icon={() => (
                     <MaterialCommunityIcons
                       name="alphabetical"
                       size={20}
-                      color={colors.surfaceSecondary}
+                      color={
+                        sortBy === "alphabetical"
+                          ? colors.onPrimary
+                          : colors.onSurfaceVariant
+                      }
                     />
                   )}
                   value="alphabetical"
@@ -156,6 +170,12 @@ const useStyles = createStyles(({ wp, hp, scaleText, theme: { colors } }) => ({
   sortByButton: {
     height: 32,
     width: 32,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 6,
+  },
+  sortByButtonSelected: {
+    backgroundColor: colors.primary,
   },
   title: {
     fontSize: 13,