points hook

src/graphql/queries/metadata.graphql

@@ -118,3 +118,32 @@ query getdApp($shortName: String!, $url: String!, $status: Boolean!) {
     shortName
   }
 }
+
+query getPointsDataForWallet($address: String!) {
+  points(address: $address) {
+    meta {
+      distribution {
+        next
+      }
+      status
+    }
+    leaderboard {
+      accounts {
+        address
+        earnings {
+          total
+        }
+        ens
+        avatarURL
+      }
+    }
+    earnings {
+      total
+    }
+    stats {
+      position {
+        current
+      }
+    }
+  }
+}

src/languages/en_US.json

@@ -1240,7 +1240,15 @@
       "longest_yet": "Longest yet",
       "day": "day",
       "days": "days",
-      "leaderboard": "Leaderboard"
+      "leaderboard": "Leaderboard",
+      "sunday": "Sunday",
+      "monday": "Monday",
+      "tuesday": "Tuesday",
+      "wednesday": "Wednesday",
+      "thursday": "Thursday",
+      "friday": "Friday",
+      "saturday": "Saturday",
+      "error": "Failed to fetch data"
     },
     "pools": {
       "deposit": "Deposit",

src/resources/points.ts

@@ -0,0 +1,33 @@
+import { POINTS, useExperimentalFlag } from '@/config';
+import { metadataClient } from '@/graphql';
+import { GetPointsDataForWalletQuery } from '@/graphql/__generated__/metadata';
+import config from '@/model/config';
+import { createQueryKey } from '@/react-query';
+import { useQuery } from '@tanstack/react-query';
+
+export function pointsQueryKey({ address }: { address: string }) {
+  return createQueryKey('points', { address }, { persisterVersion: 1 });
+}
+
+export function usePoints({ walletAddress }: { walletAddress: string }) {
+  const pointsEnabled =
+    (useExperimentalFlag(POINTS) || config.points_fully_enabled) &&
+    config.points_enabled;
+  const queryKey = pointsQueryKey({
+    address: walletAddress,
+  });
+
+  const query = useQuery<GetPointsDataForWalletQuery>(
+    queryKey,
+    async () =>
+      await metadataClient.getPointsDataForWallet({
+        address: walletAddress,
+      }),
+    {
+      enabled: pointsEnabled && !!walletAddress,
+      cacheTime: Infinity,
+    }
+  );
+
+  return query;
+}