Merge pull request #75 from nervina-labs/feat/link-external-props

feat: link external as a prop to some components
nervina-labs · Oct 24, 2021 · d17f97f · d17f97f · vercel · Oct 24, 2021
2 parents 72721b9 + d61a6fd
commit d17f97f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/libs/mibao-ui/src/lib/issuer/issuer.tsx b/libs/mibao-ui/src/lib/issuer/issuer.tsx
@@ -17,6 +17,7 @@ export interface IssuerProps extends AvatarProps {
   onClick?: React.MouseEventHandler<HTMLDivElement>
   disableCopy?: boolean
   displayId?: string
+  isLinkExternal?: boolean
 }
 
 export const Issuer: React.FC<IssuerProps> = ({
@@ -34,9 +35,10 @@ export const Issuer: React.FC<IssuerProps> = ({
   disableCopy = false,
   size = '60px',
   resizeScale = 150,
+  isLinkExternal = true,
   ...avatarProps
 }) => {
-  const anchorProps = href && !isBanned ? { as: Link, href, isExternal: true } : undefined
+  const anchorProps = href && !isBanned ? { as: Link, href, isExternal: isLinkExternal } : undefined
   const isOneline = id == null && verifiedTitle == null
   return (
     <Flex

diff --git a/libs/mibao-ui/src/lib/nft-card/nft-card.tsx b/libs/mibao-ui/src/lib/nft-card/nft-card.tsx
@@ -28,6 +28,7 @@ export interface NFTCardProps extends FlexProps {
   likeProps?: LikeProps
   imageProps?: NftImageProps
   titleProps?: NFTTitleProps
+  isLinkExternal?: boolean
 }
 
 export const NFTCard: React.FC<NFTCardProps> = ({
@@ -50,10 +51,11 @@ export const NFTCard: React.FC<NFTCardProps> = ({
   issuerProps,
   limitProps,
   titleProps,
+  isLinkExternal = true,
   ...rest
 }) => {
   const isBanned = !!isIssuerBanned || !!isNFTBanned
-  const anchorProps = href && !isBanned ? { as: Link, href, isExternal: true } : undefined
+  const anchorProps = href && !isBanned ? { as: Link, href, isExternal: isLinkExternal } : undefined
 
   const info = useMemo(() => {
     if (likeProps && issuerProps && limitProps) {

diff --git a/libs/mibao-ui/src/lib/nft-list-item/nft-list-item.tsx b/libs/mibao-ui/src/lib/nft-list-item/nft-list-item.tsx
@@ -18,6 +18,7 @@ export interface NFTListItemProps extends FlexProps {
   title?: string
   bannedText?: string
   href?: string
+  isLinkExternal?: boolean
   srcQueryParams?: { tid: number, locale: string }
   src?: string
   locale?: string
@@ -44,10 +45,11 @@ export const NFTListItem: React.FC<NFTListItemProps> = ({
   issuerProps,
   limitProps,
   titleProps,
+  isLinkExternal = true,
   ...rest
 }) => {
   const isBanned = !!isIssuerBanned || !!isNFTBanned
-  const anchorProps = href && !isBanned ? { as: Link, href, isExternal: true } : undefined
+  const anchorProps = href && !isBanned ? { as: Link, href, isExternal: isLinkExternal } : undefined
 
   return (
     <Flex