fix links, link search results

gnosisguild · Jan 18, 2024 · 85c6338 · 85c6338
1 parent bab15a2
commit 85c6338
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 11 deletions.
diff --git a/frontend/src/components/NFTGridItem/index.tsx b/frontend/src/components/NFTGridItem/index.tsx
@@ -37,7 +37,7 @@ const NFTGridItem: React.FC<Props> = ({ nft, chainId }) => {
       <div className={classes.header}>
         <p className={classes.tokenName}>
           <Link
-            to={`mechs/${chain.prefix}:${nft.token_address}/${nft.token_id}`}
+            to={`/mech/${chain.prefix}:${nft.token_address}/${nft.token_id}`}
           >
             {name || "..."}
           </Link>

diff --git a/frontend/src/components/NFTItem/index.tsx b/frontend/src/components/NFTItem/index.tsx
@@ -33,8 +33,8 @@ const NFTItem: React.FC<Props> = ({ nft, chainId }) => {
     chainId,
   })
 
+  console.log(data)
   const mechBalances = data ? [data.native, ...data.erc20s] : []
-
   const { deployed } = useDeployMech(getNFTContext(nft), chainId)
   const name = nft.name || nft.metadata?.name || "..."
   return (

diff --git a/frontend/src/components/Search/SearchResults/index.tsx b/frontend/src/components/Search/SearchResults/index.tsx
@@ -18,8 +18,10 @@ const SearchResults = ({ results }: { results: SearchResult[] }) => {
           <li className={classes.category} key={`mech-${result.address}`}>
             <h2>Deployed Mech</h2>
             <ul className={classes.categoryResults}>
-              <li key={index} className={classes.result}>
-                {result.type === "nft" && <NFTResult result={result} />}
+              <li>
+                <a href={`/mech/${result.address}`} className={classes.result}>
+                  {result.type === "mech" && <NFTResult result={result} />}
+                </a>
               </li>
             </ul>
           </li>
@@ -30,8 +32,13 @@ const SearchResults = ({ results }: { results: SearchResult[] }) => {
           <li className={classes.category} key={`nft-${result.address}`}>
             <h2>NFT Collection</h2>
             <ul className={classes.categoryResults}>
-              <li key={index} className={classes.result}>
-                {result.type === "nft" && <NFTResult result={result} />}
+              <li>
+                <a
+                  href={`/collection/${result.address}`}
+                  className={classes.result}
+                >
+                  {result.type === "nft" && <NFTResult result={result} />}
+                </a>
               </li>
             </ul>
           </li>
@@ -42,8 +49,15 @@ const SearchResults = ({ results }: { results: SearchResult[] }) => {
           <li className={classes.category} key={`account-${result.address}`}>
             <h2>Account</h2>
             <ul className={classes.categoryResults}>
-              <li key={index} className={classes.result}>
-                {result.type === "account" && <AccountResult result={result} />}
+              <li>
+                <a
+                  href={`/account/${result.address}`}
+                  className={classes.result}
+                >
+                  {result.type === "account" && (
+                    <AccountResult result={result} />
+                  )}
+                </a>
               </li>
             </ul>
           </li>

diff --git a/frontend/src/hooks/useTokenBalances.ts b/frontend/src/hooks/useTokenBalances.ts
@@ -36,7 +36,7 @@ const useTokenBalances = ({ accountAddress, chainId }: Props) => {
           throw new Error("ERC20 request failed")
         }
         const erc20Json = await erc20Res.json()
-        const erc20Data = erc20Json.result as MoralisFungible[]
+        const erc20Data = erc20Json as MoralisFungible[]
 
         // get native balance
         const nativeRes = await fetch(

diff --git a/frontend/src/hooks/useTokenMetadata.ts b/frontend/src/hooks/useTokenMetadata.ts
@@ -21,7 +21,7 @@ const useNFTMetadata = ({ tokenAddress, tokenId, chainId }: Props) => {
 
       // get nfts
       const nftRes = await fetch(
-        `${process.env.REACT_APP_PROXY_URL}/${chainId}/moralis/nft/${tokenAddress}/${tokenId}}`
+        `${process.env.REACT_APP_PROXY_URL}/${chainId}/moralis/nft/${tokenAddress}/${tokenId}`
       )
       if (!nftRes.ok) {
         throw new Error("NFT request failed")

diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
@@ -10,7 +10,7 @@ export default createBrowserRouter([
     element: <Landing />,
   },
   {
-    path: "mechs/:token/:tokenId",
+    path: "mech/:token/:tokenId",
     element: <Mech />,
   },
   {