diff --git a/packages/web/components/Player/Section/PlayerMemberships.tsx b/packages/web/components/Player/Section/PlayerMemberships.tsx index b0b4e2af..c7decc35 100644 --- a/packages/web/components/Player/Section/PlayerMemberships.tsx +++ b/packages/web/components/Player/Section/PlayerMemberships.tsx @@ -13,7 +13,7 @@ import { useDisclosure, } from '@metafam/ds'; import { PlayerFragmentFragment } from 'graphql/autogen/types'; -import React from 'react'; +import React, { useState } from 'react'; import { isBackdropFilterSupported } from 'utils/compatibilityHelpers'; import polygonImage from '../../../assets/chains/polygon.png'; @@ -37,33 +37,35 @@ const getImageMoloch = (title: string) => { return ethereumImage; }; -const LinkDao: React.FC<{ chain: string; address: string }> = ({ +type LinkDaoProps = { + chain: string; + address: string; + setIsLink: React.Dispatch>; +}; + +const LinkDao: React.FC = ({ chain, address, + setIsLink, children, }) => { - const DaoHeading = () => ( - - {children || `Unknown ${chain} DAO`} - - ); - let explorerUrl; if (chain.toLowerCase() === 'xdai') explorerUrl = `https://blockscout.com/xdai/mainnet/address/${address}`; else if (chain.toLowerCase() === 'ethereum') explorerUrl = `https://etherscan.io/address/${address}`; - else return ; + else return <>{children}; + + setIsLink(true); return ( - - + + {children} ); }; @@ -95,29 +97,40 @@ const DaoListing: React.FC = ({ message = `Shares: ${memberShares}/${daoShares}`; } + const [isLink, setIsLink] = useState(false); + return ( - - - - - - - {title} - - - - {memberRank || 'player'} - - {message} - - - + + + + + + + + {title || `Unknown ${chain} DAO`} + + + + {memberRank || 'player'} + + {message} + + + + ); };