identity

packages/ui/package.json

@@ -22,7 +22,7 @@
     "graphql": "^16.8.1",
     "graphql-request": "^6.1.0",
     "graphql-ws": "^5.16.0",
-    "polkadot-api": "^1.2.0",
+    "polkadot-api": "^1.3.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^5.1.0",

packages/ui/src/hooks/useIdentity.tsx

@@ -1,28 +1,49 @@
 import { useEffect, useState } from 'react'
-import { DeriveAccountInfo, DeriveAccountRegistration } from '@polkadot/api-derive/types'
 import { useIdenityApi } from './useIdentityApi'
+import { FixedSizeBinary, TypedApi } from 'polkadot-api'
+import { dotPpl, IdentityData } from '@polkadot-api/descriptors'
 
 export const useIdentity = (address?: string) => {
   const { api } = useIdenityApi()
-  const [identity, setIdentity] = useState<DeriveAccountRegistration | null>(null)
+  const [identity, setIdentity] = useState<Record<string, any> | null>(null)
 
   useEffect(() => {
     if (!api || !address) {
       return
     }
 
-    let unsubscribe: () => void
-
-    api.derive.accounts
-      .info(address, (info: DeriveAccountInfo) => {
-        setIdentity(info.identity)
+    const unsub = (api as TypedApi<typeof dotPpl>).query.Identity.IdentityOf.watchValue(
+      address,
+      'best'
+    ).subscribe((val) => {
+      const id: Record<string, any> = { judgements: [] }
+      val?.[0].judgements.forEach(([, judgement]) => {
+        id.judgements.push(judgement.type)
       })
-      .then((unsub) => {
-        unsubscribe = unsub
+      Object.entries(val?.[0]?.info || {}).forEach(([key, value]) => {
+        if ((value as IdentityData)?.type !== 'None') {
+          // console.log('key', JSONprint(key));
+          // console.log('value', JSONprint(value));
+          const text = (value as IdentityData)?.value as FixedSizeBinary<2> | undefined
+          if (text) {
+            id[key] = text.asText()
+          }
+        }
       })
-      .catch((e) => console.error(e))
 
-    return () => unsubscribe && unsubscribe()
+      setIdentity(id)
+    })
+
+    // api.derive.accounts
+    //   .info(address, (info: DeriveAccountInfo) => {
+    //     setIdentity(info.identity)
+    //   })
+    //   .then((unsub) => {
+    //     unsubscribe = unsub
+    //   })
+    //   .catch((e) => console.error(e))
+
+    return () => unsub && unsub.unsubscribe()
   }, [address, api])
 
   return identity

packages/ui/src/utils/getDisplayArgs.ts

@@ -1,5 +1,4 @@
-import { GenericCall } from '@polkadot/types'
-import { AnyTuple } from '@polkadot/types/types'
+import { Transaction } from 'polkadot-api'
 
-export const getDisplayArgs = (call: GenericCall<AnyTuple> | false | undefined) =>
+export const getDisplayArgs = (call: Transaction<any, any, any, any> | false | undefined) =>
   call && call.toHuman().args