From 52cb73a5759af5cd12767027e39f14b3495accc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 6 Apr 2024 17:54:50 -0500
Subject: [PATCH] feat: gray sort buttons

---
 src/app/tools/compare/page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index 32436c9a6..e6a03b460 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -154,6 +154,7 @@ export default function Page() {
             }}
           >
             <IconButton
+              color={sorting?.by === name ? undefined : 'gray'}
               variant="ghost"
               onClick={() => {
                 mutateCompareTemporary((draft) => {
@@ -185,8 +186,8 @@ export default function Page() {
               )}
               {sorting?.by === name && (
                 <>
-                  {sorting.direction === 'ascending' && <CaretLeftIcon />}
-                  {sorting.direction === 'descending' && <CaretRightIcon />}
+                  {sorting.direction === 'ascending' && <CaretRightIcon />}
+                  {sorting.direction === 'descending' && <CaretLeftIcon />}
                 </>
               )}
             </IconButton>