Display network and version

src/generated/client/sdk.gen.ts

@@ -1,7 +1,7 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
 import type { Options as ClientOptions, TDataShape, Client } from '@hey-api/client-fetch';
-import type { ListQuotesData, ListQuotesResponse, ListPendingQuotesData, ListPendingQuotesResponse, AdminLookupQuoteData, AdminLookupQuoteResponse, AdminUpdateQuoteData, AdminUpdateQuoteResponse, ResolveOfferData, EnquireQuoteData, EnquireQuoteResponse, LookupQuoteData, LookupQuoteResponse, ActivateKeysetData, ActivateKeysetResponse, DebitData, CreditData, ECashBalance, OnChainBalanceData, OnChainData, KeysetInfoData, KeySetInfo, RequestToMintData, RequestToMintResponseInfo, IdentityDetailData,  IdentityDetailInfo, BillPaymentData, BillPaymentState} from './types.gen';
+import type { ListQuotesData, ListQuotesResponse, ListPendingQuotesData, ListPendingQuotesResponse, AdminLookupQuoteData, AdminLookupQuoteResponse, AdminUpdateQuoteData, AdminUpdateQuoteResponse, ResolveOfferData, EnquireQuoteData, EnquireQuoteResponse, LookupQuoteData, LookupQuoteResponse, ActivateKeysetData, ActivateKeysetResponse, DebitData, CreditData, ECashBalance, OnChainBalanceData, OnChainData, KeysetInfoData, KeySetInfo, RequestToMintData, RequestToMintResponseInfo, IdentityDetailData,  IdentityDetailInfo, BillPaymentData, BillPaymentState, MintInfo, MintInfoData} from './types.gen';
 
 import { client as _heyApiClient } from './client.gen';
 
@@ -183,3 +183,19 @@
         }
     });
 };
+
+
+/**
+  * --------------------------- MintInfo
+*/
+
+export const mintInfo = <ThrowOnError extends boolean = false>(options?: Options<MintInfoData, ThrowOnError>) => {
+    return (_heyApiClient).get<MintInfo, unknown, ThrowOnError>({
+        url: '/v1/admin/info',
+        ...options,
+        headers: {
+            'Content-Type': 'application/json',
+            ...options?.headers
+        }
+    });
+};

src/generated/client/types.gen.ts

@@ -597,3 +597,23 @@ export type BillPaymentData = {
   query?: never;
   url: '/v1/admin/bill/payment_status/{bill_id}';
 };
+
+/**
+* Mint Info
+*/
+
+export type MintInfo = {
+    name: string,
+    pubkey: string | null,
+    version: string | null,
+    description: string | null,
+    description_long: string | null,
+    contact: Array<string> | null,
+}
+
+export type MintInfoData = {
+  body?: never;
+  path?: never;
+  query?: never;
+  url: '/v1/admin/info'
+};

src/pages/home/HomePage.tsx

@@ -1,6 +1,6 @@
 import { PageTitle } from "@/components/PageTitle"
 import { Skeleton } from "@/components/ui/skeleton"
-import { identityDetail } from "@/generated/client/sdk.gen"
+import { identityDetail, mintInfo } from "@/generated/client/sdk.gen"
 import { useSuspenseQuery } from "@tanstack/react-query"
 import { Suspense } from "react"
 
@@ -23,6 +23,16 @@
     gcTime: Infinity,
   })
 
+  const { data: mintData } = useSuspenseQuery({
+    queryKey: ["mint-info"],
+    queryFn: async () => {
+      const response = await mintInfo()
+      return response.data ?? null
+    },
+    staleTime: Infinity,
+    gcTime: Infinity,
+  })
+
   if (!data) {
     return (
       <div className="bg-card text-card-foreground rounded-lg border p-6">
@@ -33,8 +43,62 @@
 
   return (
     <div className="flex flex-col gap-4">
+      {mintData && (
+        <div className="bg-card text-card-foreground rounded-lg border p-6">
+          <h3 className="text-lg font-semibold mb-4">Mint Information</h3>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            {mintData.name && (
+              <div className="flex flex-col gap-1">
+                <span className="text-xs text-muted-foreground uppercase tracking-wide font-medium">Name</span>
+                <span className="font-semibold text-base">{mintData.name}</span>
+              </div>
+            )}
+            {mintData.version && (
+              <div className="flex flex-col gap-1">
+                <span className="text-xs text-muted-foreground uppercase tracking-wide font-medium">Version</span>
+                <span className="text-sm">{mintData.version}</span>
+              </div>
+            )}
+            {mintData.description && (
+              <div className="flex flex-col gap-1 md:col-span-2">
+                <span className="text-xs text-muted-foreground uppercase tracking-wide font-medium">Description</span>
+                <span className="text-sm">{mintData.description}</span>
+              </div>
+            )}
+            {mintData.description_long && (
+              <div className="flex flex-col gap-1 md:col-span-2">
+                <span className="text-xs text-muted-foreground uppercase tracking-wide font-medium">
+                  Long Description
+                </span>
+                <span className="text-sm">{mintData.description_long}</span>
+              </div>
+            )}
+            {mintData.pubkey && (
+              <div className="flex flex-col gap-1 md:col-span-2">
+                <span className="text-xs text-muted-foreground uppercase tracking-wide font-medium">Public Key</span>
+                <span className="font-mono text-sm break-all bg-muted p-2 rounded text-muted-foreground">
+                  {mintData.pubkey}
+                </span>
+              </div>
+            )}
+            {mintData.contact && mintData.contact.length > 0 && (
+              <div className="flex flex-col gap-1 md:col-span-2">
+                <span className="text-xs text-muted-foreground uppercase tracking-wide font-medium">Contact</span>
+                <div className="flex flex-wrap gap-2">
+                  {mintData.contact.map((contact, index) => (
+                    <span key={index} className="text-sm bg-muted px-2 py-1 rounded">
+                      {contact}
+                    </span>
+                  ))}
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+
       <div className="bg-card text-card-foreground rounded-lg border p-6">
-        <h3 className="text-lg font-semibold mb-4">Information</h3>
+        <h3 className="text-lg font-semibold mb-4">Identity</h3>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div className="flex flex-col gap-1">
             <span className="text-xs text-muted-foreground uppercase tracking-wide font-medium">Name</span>