fix(Links): conditional /token or /address path

guildxyz · Jan 28, 2025 · f54d847 · f54d847
1 parent 3700963
commit f54d847
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/components/[guild]/collect/components/Details/Details.tsx b/src/components/[guild]/collect/components/Details/Details.tsx
@@ -6,7 +6,7 @@ import useNftDetails from "../../hooks/useNftDetails"
 import BlockExplorerLink from "./components/BlockExplorerLink"
 import InfoBlock from "./components/InfoBlock"
 
-const ADDRESS_PATHS = ["IOTA"] as Chain[]
+export const NFT_BLOCK_EXPLORER_ADDRESS_PATHS = ["IOTA"] as Chain[]
 
 const Details = () => {
   const { chain, nftAddress } = useCollectNftContext()
@@ -21,7 +21,9 @@ const Details = () => {
           <BlockExplorerLink
             chain={chain}
             address={nftAddress}
-            path={ADDRESS_PATHS.includes(chain) ? "address" : "token"}
+            path={
+              NFT_BLOCK_EXPLORER_ADDRESS_PATHS.includes(chain) ? "address" : "token"
+            }
           />
         </InfoBlock>
 

diff --git a/src/components/[guild]/collect/components/Links.tsx b/src/components/[guild]/collect/components/Links.tsx
@@ -9,13 +9,18 @@ import capitalize from "utils/capitalize"
 import { openseaBaseUrl } from "utils/guildCheckout/constants"
 import { CHAIN_CONFIG } from "wagmiConfig/chains"
 import useNftDetails from "../hooks/useNftDetails"
+import { NFT_BLOCK_EXPLORER_ADDRESS_PATHS } from "./Details/Details"
 
 const Links = () => {
   const { colorMode } = useColorMode()
   const { chain, nftAddress } = useCollectNftContext()
   const { totalSupply } = useNftDetails(chain, nftAddress)
   const { socialLinks } = useGuild()
 
+  const blockExplorerPath = NFT_BLOCK_EXPLORER_ADDRESS_PATHS.includes(chain)
+    ? "address"
+    : "token"
+
   return (
     <Section title="Links" spacing={3}>
       <Wrap spacingX={6} spacingY={3}>
@@ -46,7 +51,7 @@ const Links = () => {
         )}
 
         <Link
-          href={`${CHAIN_CONFIG[chain].blockExplorerUrl}/token/${nftAddress}`}
+          href={`${CHAIN_CONFIG[chain].blockExplorerUrl}/${blockExplorerPath}/${nftAddress}`}
           isExternal
           colorScheme="gray"
           fontWeight="medium"