feat: highlight sol domains, fix solscan links

mrgnlabs · Oct 16, 2023 · fb1013e · fb1013e · vercel · Oct 16, 2023
1 parent 1cd84b6
commit fb1013e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 22 deletions.
diff --git a/apps/marginfi-v2-ui/src/components/desktop/Points/PointsLeaderBoard.tsx b/apps/marginfi-v2-ui/src/components/desktop/Points/PointsLeaderBoard.tsx
@@ -322,9 +322,13 @@ export const PointsLeaderBoard: FC<PointsLeaderBoardProps> = ({ currentUserId })
                       target="_blank"
                       rel="noopener noreferrer"
                       style={{ textDecoration: "none", color: "inherit" }}
-                      className={clsx("hover:text-[#DCE85D]")}
+                      className={clsx(
+                        "hover:text-[#DCE85D] hover:opacity-100 transition",
+                        data.domain && "font-bold",
+                        !data.domain && "opacity-80"
+                      )}
                     >
-                      {data.id}
+                      {data.domain || data.shortAddress || data.id}
                     </a>
                   </TableCell>
                   <TableCell

diff --git a/packages/marginfi-v2-ui-state/src/lib/points.ts b/packages/marginfi-v2-ui-state/src/lib/points.ts
@@ -26,6 +26,8 @@ import { firebaseApi } from ".";
 
 type LeaderboardRow = {
   id: string;
+  shortAddress?: string;
+  domain?: string;
   doc: QueryDocumentSnapshot<DocumentData>;
   total_activity_deposit_points: number;
   total_activity_borrow_points: number;
@@ -76,40 +78,31 @@ async function fetchLeaderboardData({
 
   const leaderboardFinalSliceWithDomains: LeaderboardRow[] = await Promise.all(
     leaderboardFinalSlice.map(async (value) => {
+      const newValue = { ...value, shortAddress: shortAddress(value.id) };
       // attempt to get favorite domain
       try {
         const { reverse } = await getFavoriteDomain(connection, new PublicKey(value.id));
-        if (reverse) {
-          return {
-            ...value,
-            id: `${reverse}.sol`,
-          };
-        }
+        return {
+          ...newValue,
+          domain: `${reverse}.sol`,
+        };
       } catch (e) {
         // attempt to get all domains
         try {
           const domains = await getAllDomains(connection, new PublicKey(value.id));
           if (domains.length > 0) {
             const reverse = await reverseLookup(connection, domains[0]);
-            if (reverse) {
-              return {
-                ...value,
-                id: `${reverse}.sol`,
-              };
-            }
+            return {
+              ...newValue,
+              domain: `${reverse}.sol`,
+            };
           }
         } catch (e) {
-          return {
-            ...value,
-            id: shortAddress(value.id),
-          };
+          return newValue;
         }
       }
 
-      return {
-        ...value,
-        id: shortAddress(value.id),
-      };
+      return newValue;
     })
   );