feat(indexd): add connect key stats

Author: telestrial

.changeset/brave-foxes-play.md

@@ -0,0 +1,5 @@
+---
+'indexd': minor
+---
+
+Added connect key stats to metrics page.

.changeset/tall-cats-hunt.md

@@ -0,0 +1,7 @@
+---
+'@siafoundation/indexd-types': minor
+'@siafoundation/indexd-js': minor
+'@siafoundation/indexd-react': minor
+---
+
+Added connect key stats API.

apps/indexd/components/Metrics/MetricsConnectKeys.tsx

@@ -0,0 +1,53 @@
+import {
+  RemoteDataStates,
+  StateError,
+  StateNoneYet,
+  Skeleton,
+  useRemoteData,
+} from '@siafoundation/design-system'
+import { useAdminStatsConnectKeys } from '@siafoundation/indexd-react'
+import { InfoRow } from '../Data/PanelInfoRow'
+
+export function MetricsConnectKeys() {
+  const connectKeys = useAdminStatsConnectKeys()
+  const stats = useRemoteData(
+    {
+      connectKeys,
+    },
+    (data) => ({
+      ...data.connectKeys,
+    }),
+  )
+  return (
+    <RemoteDataStates
+      data={stats}
+      error={
+        <StateError message="Error loading metrics. Please try again later." />
+      }
+      loading={
+        <div className="flex flex-col gap-5 w-full">
+          <InfoRow
+            label="Total Connect Keys"
+            value={<Skeleton className="h-12 w-[150px]" />}
+          />
+        </div>
+      }
+      notFound={<StateNoneYet message="No metrics found." />}
+      loaded={(stats) => (
+        <div className="flex flex-col gap-5 w-full">
+          <InfoRow
+            label="Total Connect Keys"
+            value={stats.total.toLocaleString()}
+          />
+          {stats.quotas?.map((q) => (
+            <InfoRow
+              key={q.quota}
+              label={q.quota}
+              value={q.total.toLocaleString()}
+            />
+          ))}
+        </div>
+      )}
+    />
+  )
+}

apps/indexd/components/Metrics/index.tsx

@@ -2,20 +2,21 @@ import { Heading, Panel } from '@siafoundation/design-system'
 import { MetricsSectors } from './MetricsSectors'
 import { MetricsAccounts } from './MetricsAccounts'
 import { MetricsContracts } from './MetricsContracts'
+import { MetricsConnectKeys } from './MetricsConnectKeys'
 
 export function Metrics() {
   return (
     <div className="flex flex-wrap gap-5 p-5">
       <Panel className="flex flex-col gap-5 p-5">
-        <Heading size="24">Sectors</Heading>
+        <Heading size="24">Accounts</Heading>
         <div className="w-[400px]">
-          <MetricsSectors />
+          <MetricsAccounts />
         </div>
       </Panel>
       <Panel className="flex flex-col gap-5 p-5">
-        <Heading size="24">Accounts</Heading>
+        <Heading size="24">Connect Keys</Heading>
         <div className="w-[400px]">
-          <MetricsAccounts />
+          <MetricsConnectKeys />
         </div>
       </Panel>
       <Panel className="flex flex-col gap-5 p-5">
@@ -24,6 +25,12 @@ export function Metrics() {
           <MetricsContracts />
         </div>
       </Panel>
+      <Panel className="flex flex-col gap-5 p-5">
+        <Heading size="24">Sectors</Heading>
+        <div className="w-[400px]">
+          <MetricsSectors />
+        </div>
+      </Panel>
     </div>
   )
 }

libs/indexd-js/src/admin.ts

@@ -156,6 +156,10 @@ import {
   AdminStatsHostsPayload,
   AdminStatsHostsResponse,
   adminStatsHostsRoute,
+  AdminStatsConnectKeysParams,
+  AdminStatsConnectKeysPayload,
+  AdminStatsConnectKeysResponse,
+  adminStatsConnectKeysRoute,
   AdminConsensusStateParams,
   AdminConsensusStatePayload,
   AdminConsensusStateResponse,
@@ -395,6 +399,11 @@ export function Admin({
       AdminStatsHostsPayload,
       AdminStatsHostsResponse
     >(axios, 'get', adminStatsHostsRoute),
+    statsConnectKeys: buildRequestHandler<
+      AdminStatsConnectKeysParams,
+      AdminStatsConnectKeysPayload,
+      AdminStatsConnectKeysResponse
+    >(axios, 'get', adminStatsConnectKeysRoute),
     consensusState: buildRequestHandler<
       AdminConsensusStateParams,
       AdminConsensusStatePayload,

libs/indexd-react/src/admin.ts

@@ -140,6 +140,9 @@ import {
   adminStatsHostsRoute,
   AdminStatsHostsParams,
   AdminStatsHostsResponse,
+  adminStatsConnectKeysRoute,
+  AdminStatsConnectKeysParams,
+  AdminStatsConnectKeysResponse,
   adminConsensusStateRoute,
   AdminConsensusStateParams,
   AdminConsensusStateResponse,
@@ -648,6 +651,18 @@ export function useAdminStatsHosts(
   })
 }
 
+export function useAdminStatsConnectKeys(
+  args?: HookArgsSwr<
+    AdminStatsConnectKeysParams,
+    AdminStatsConnectKeysResponse
+  >,
+) {
+  return useGetSwr({
+    ...args,
+    route: adminStatsConnectKeysRoute,
+  })
+}
+
 // consensus
 
 export function useAdminConsensusState(

libs/indexd-types/src/admin/index.ts

@@ -399,6 +399,17 @@ export type AdminStatsHostsResponse = {
   failedScans: number
 }
 
+export const adminStatsConnectKeysRoute = '/stats/connectkeys'
+export type AdminStatsConnectKeysParams = void
+export type AdminStatsConnectKeysPayload = void
+export type AdminStatsConnectKeysResponse = {
+  total: number
+  quotas: {
+    quota: string
+    total: number
+  }[]
+}
+
 // quotas
 
 export const adminQuotasRoute = '/quotas'