From e687907fdd78d2e28a3eb0cd4c7cfcb936435c43 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Fri, 1 Apr 2022 00:08:47 -0700
Subject: [PATCH] Deemphasize the original leaderboarders

---
 web/components/manaboard.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/web/components/manaboard.tsx b/web/components/manaboard.tsx
index 27f4a491..15e95295 100644
--- a/web/components/manaboard.tsx
+++ b/web/components/manaboard.tsx
@@ -61,7 +61,16 @@ export function Manaboard(props: {
                   <td className="w-full" style={{ maxWidth: 190 }}>
                     <Row className="items-center gap-4">
                       <Avatar avatarUrl={user.avatarUrl} size={8} />
-                      <div className="truncate">{user.name}</div>
+                      <div
+                        className={clsx(
+                          'truncate',
+                          createdTimes[index]
+                            ? 'text-gray-600'
+                            : 'text-gray-300'
+                        )}
+                      >
+                        {user.name}
+                      </div>
                     </Row>
                   </td>
                   <td>
@@ -85,7 +94,7 @@ export function Manaboard(props: {
             className="btn btn-sm btn-outline m-2"
             onClick={() => setExpanded(!expanded)}
           >
-            {expanded ? 'Hide' : 'Show more'}
+            {expanded ? 'Fewer slots' : 'More slots'}
           </button>
         </div>
       )}