Support linking in gnosis safe profile info

protocol-dashboard/package.json

@@ -6,14 +6,15 @@
   "homepage": "./",
   "dependencies": {
     "@apollo/client": "3.3.7",
-    "@audius/sdk": "*",
     "@audius/common": "*",
+    "@audius/sdk": "*",
     "@audius/stems": "0.3.10",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@react-spring/web": "^9.7.3",
     "@reduxjs/toolkit": "1.9.7",
+    "@safe-global/api-kit": "2.1.0",
     "@self.id/3box-legacy": "0.3.0",
     "@self.id/core": "0.4.1",
     "@tanstack/react-query": "5.0.5",

protocol-dashboard/src/hooks/useDashboardWalletUsers.ts

@@ -7,6 +7,8 @@ import {
   getAccountWallet,
   getIsAudiusProfileRefetchDisabled
 } from 'store/account/hooks'
+import { useEffect, useState } from 'react'
+import { safeService } from 'services/Safe'
 
 const dashboardWalletUsersBatcher = create({
   fetcher: async (wallets: string[]): Promise<DashboardWalletUser[]> => {
@@ -30,17 +32,44 @@ export const getDashboardWalletUserQueryKey = (
 }
 
 export const useDashboardWalletUser = (wallet: string) => {
+  const [hasInitted, setHasInitted] = useState(false)
+  useEffect(() => {
+    const awaitInit = async () => {
+      await window.aud.awaitSetup()
+      setHasInitted(true)
+    }
+    awaitInit()
+  })
+
   const isAudiusProfileRefetchDisabled = useSelector(
     getIsAudiusProfileRefetchDisabled
   )
   const currentUserWallet = useSelector(getAccountWallet)
   return useQuery({
     queryKey: getDashboardWalletUserQueryKey(wallet),
     queryFn: async () => {
-      const res = await dashboardWalletUsersBatcher.fetch(wallet)
-      return res ?? null
+      const isEoa = await window.aud.isEoa(wallet)
+      if (isEoa) {
+        const res = await dashboardWalletUsersBatcher.fetch(wallet)
+        return res ?? null
+      } else {
+        try {
+          // Try to get Safe address info and if nothing is found, return null
+          const { owners } = await safeService.getSafeInfo(wallet)
+          for (const owner of owners) {
+            const res = await dashboardWalletUsersBatcher.fetch(owner)
+            if (res) {
+              return res
+            }
+          }
+          return null
+        } catch (e) {
+          return null
+        }
+      }
     },
     enabled:
+      hasInitted &&
       !!wallet &&
       !(
         isAudiusProfileRefetchDisabled &&

protocol-dashboard/src/services/Audius/AudiusClient.ts

@@ -23,6 +23,7 @@ import {
   getEthWallet,
   getBlock,
   getBlockNearTimestamp,
+  isEoa,
   toChecksumAddress,
   onSetup,
   onSetupFinished,
@@ -80,6 +81,7 @@ export class AudiusClient {
   getAverageBlockTime = getAverageBlockTime
   getBlockNearTimestamp = getBlockNearTimestamp
   getBlock = getBlock
+  isEoa = isEoa
   toChecksumAddress = toChecksumAddress
 
   // Static Util Functions

protocol-dashboard/src/services/Audius/helpers.ts

@@ -39,6 +39,12 @@ export async function getEthWallet(this: AudiusClient) {
   return this.libs.ethWeb3Manager.ownerWallet
 }
 
+export async function isEoa(this: AudiusClient, wallet: string) {
+  const web3 = this.libs.ethWeb3Manager.web3
+  const code = await web3.eth.getCode(wallet)
+  return code === '0x'
+}
+
 export async function getAverageBlockTime(this: AudiusClient) {
   await this.hasPermissions()
   const web3 = this.libs.ethWeb3Manager.web3

protocol-dashboard/src/services/Audius/sdk.ts

@@ -25,7 +25,6 @@ const initAudiusSdk = () => {
   } = bootstrapConfig
   const dnSelector = new DiscoveryNodeSelector({
     bootstrapServices: discoveryNodes
-    // initialSelectedNode: 'https://discoveryprovider4.staging.audius.co'
   })
   audiusSdk = sdk({
     appName: 'Audius Protocol Dashboard',

protocol-dashboard/src/services/Safe/index.ts

@@ -0,0 +1 @@
+export * from './safe'

protocol-dashboard/src/services/Safe/safe.ts

@@ -0,0 +1,5 @@
+import SafeApiKit from '@safe-global/api-kit'
+
+export const safeService = new SafeApiKit({
+  chainId: 1n
+})