Implement resolvedAddress

lib/ens/ensProfile.ts

@@ -19,6 +19,9 @@ export interface ENSProfile {
   owner: {
     address: string
   }
+  resolvedAddress: {
+    address: string
+  }
   texts: ENSProfileText[]
 }
 
@@ -32,6 +35,9 @@ export async function getENSProfile(ensName: string): Promise<ENSProfile> {
     owner: {
       address: AddressZero,
     },
+    resolvedAddress: {
+      address: AddressZero,
+    },
     texts: [],
   }
 
@@ -45,6 +51,9 @@ export async function getENSProfile(ensName: string): Promise<ENSProfile> {
           owner {
             address: id
           }
+          resolvedAddress {
+            address: id
+          }
           name
           resolver {
             texts
@@ -63,6 +72,10 @@ export async function getENSProfile(ensName: string): Promise<ENSProfile> {
     ensProfile.owner.address = data.data.domain.owner.address
   }
 
+  if (data.data.domain.resolvedAddress?.address !== AddressZero) {
+    ensProfile.resolvedAddress.address = data.data.domain.owner.address
+  }
+
   // Fetch domain texts from the resolver
   const domainTexts: string[] = data.data?.domain?.resolver?.texts ?? []
 

package.json

@@ -18,7 +18,7 @@
     "memoizee": "^0.4.15",
     "multiformats": "^9.7.0",
     "next": "12.1.6",
-    "nimi-card": "^0.7.11-beta",
+    "nimi-card": "^0.8.4-rc.0",
     "node-cache": "^5.1.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",

pages/index.tsx

@@ -6,8 +6,7 @@ import Head from 'next/head'
 import {
   Container as NimiCardContainer,
   Nimi,
-  NimiCard,
-  NimiLink,
+  NimiLinkType,
   NimiLinkBaseDetails,
   NimiWidgetType,
 } from 'nimi-card'
@@ -42,17 +41,17 @@ const NimiCardApp = dynamic(
   { ssr: false }
 )
 
-function getNimiLinkFromENSText(text: string): NimiLink | undefined {
+function getNimiLinkFromENSText(text: string): NimiLinkType | undefined {
   if (supportedKeys.includes(text.toLowerCase())) {
     if (text.toLowerCase() === 'email') {
-      return 'email'
+      return NimiLinkType.EMAIL;
     }
 
     if (text.toLowerCase() === 'url') {
-      return 'website'
+      return NimiLinkType.URL
     }
 
-    return text.split('.')[1] as NimiLink
+    return text.split('.')[1] as NimiLinkType;
   }
 }
 
@@ -121,6 +120,9 @@ export async function getServerSideProps({
 
   const ensAddress =
     ensProfile?.owner?.address ?? '0x0000000000000000000000000000000000000000'
+  const resolvedAddress =
+    ensProfile?.resolvedAddress?.address ??
+    "0x0000000000000000000000000000000000000000";
   let description: undefined | string = undefined
   const links: NimiLinkBaseDetails[] = []
 
@@ -130,7 +132,7 @@ export async function getServerSideProps({
     if (nimiLinkType) {
       const link = {
         type: nimiLinkType,
-        url: value,
+        content: value,
       }
       links.push(link)
     } else if (text.toLowerCase() === 'description') {
@@ -143,6 +145,7 @@ export async function getServerSideProps({
     displayName: ensName,
     addresses: [],
     ensAddress,
+    resolvedAddress,
     links,
     widgets: [
       {