refactor(author-avatar): use a specific ipfs gateway for ipfs avatars

plebbit · Feb 2, 2024 · f665516 · f665516
1 parent 4cf46c5
commit f665516
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/hooks/authors/author-avatars.ts b/src/hooks/authors/author-avatars.ts
@@ -6,6 +6,7 @@ import assert from 'assert'
 import {Nft, ChainProviders, Author} from '../../types'
 import {ethers} from 'ethers'
 import {getNftMetadataUrl, getNftImageUrl, getNftOwner} from '../../lib/chain'
+import {defaultMediaIpfsGatewayUrl} from '../../stores/accounts/account-generator'
 
 /**
  * @param nft - The NFT object to resolve the URL of.
@@ -16,7 +17,7 @@ import {getNftMetadataUrl, getNftImageUrl, getNftOwner} from '../../lib/chain'
 export function useNftMetadataUrl(nft?: Nft, accountName?: string) {
   const account = useAccount({accountName})
   // possible to use account.plebbit instead of account.plebbitOptions
-  const ipfsGatewayUrl = account?.plebbitOptions?.ipfsGatewayUrls?.[0]
+  const ipfsGatewayUrl = account?.mediaIpfsGatewayUrl || defaultMediaIpfsGatewayUrl
   const chainProviders = account?.plebbitOptions?.chainProviders
   const [nftMetadataUrl, setNftMetadataUrl] = useState()
   const [error, setError] = useState<Error | undefined>()
@@ -64,7 +65,7 @@ export function useNftImageUrl(nftMetadataUrl?: string, accountName?: string) {
   assert(!nftMetadataUrl || typeof nftMetadataUrl === 'string', `useNftImageUrl invalid argument nftMetadataUrl '${nftMetadataUrl}' not a string`)
   const account = useAccount({accountName})
   // possible to use account.plebbit instead of account.plebbitOptions
-  const ipfsGatewayUrl = account?.plebbitOptions?.ipfsGatewayUrls?.[0]
+  const ipfsGatewayUrl = account?.mediaIpfsGatewayUrl || defaultMediaIpfsGatewayUrl
   const [imageUrl, setImageUrl] = useState()
   const [error, setError] = useState<Error | undefined>()
 

diff --git a/src/stores/accounts/account-generator.ts b/src/stores/accounts/account-generator.ts
@@ -53,6 +53,10 @@ export const getDefaultPlebbitOptions = () => {
   }
 }
 
+// the gateway to use in <img src> for nft avatars
+// @ts-ignore
+export const defaultMediaIpfsGatewayUrl = window.defaultMediaIpfsGatewayUrl || 'https://ipfs.io'
+
 export const generateDefaultAccount = async () => {
   const plebbitOptions = getDefaultPlebbitOptions()
   const plebbit = await PlebbitJs.Plebbit(plebbitOptions)
@@ -81,6 +85,7 @@ export const generateDefaultAccount = async () => {
     blockedAddresses: {},
     blockedCids: {},
     subplebbits,
+    mediaIpfsGatewayUrl: defaultMediaIpfsGatewayUrl,
   }
   return account
 }