fix(link-card): add fallback url

Signed-off-by: Innei <i@innei.in>

src/components/ui/link-card/LinkCard.tsx

@@ -27,6 +27,8 @@ export interface LinkCardProps {
   id: string
   source?: LinkCardSource
   className?: string
+
+  fallbackUrl?: string
 }
 
 export const LinkCard = (props: LinkCardProps) => {
@@ -53,11 +55,11 @@ type CardState = {
 }
 
 const LinkCardImpl: FC<LinkCardProps> = (props) => {
-  const { id, source = LinkCardSource.Self, className } = props
+  const { id, source = LinkCardSource.Self, className, fallbackUrl } = props
 
   const [loading, setLoading] = useState(true)
   const [isError, setIsError] = useState(false)
-  const [fullUrl, setFullUrl] = useState('about:blank')
+  const [fullUrl, setFullUrl] = useState(fallbackUrl || 'javascript:;')
 
   const [cardInfo, setCardInfo] = useState<CardState>()
 

src/components/ui/markdown/renderers/LinkRenderer.tsx

@@ -105,12 +105,20 @@ export const BlockLinkRenderer = ({
     }
     case isSelfArticleUrl(url): {
       return (
-        <LinkCard source={LinkCardSource.Self} id={url.pathname.slice(1)} />
+        <LinkCard
+          fallbackUrl={url.toString()}
+          source={LinkCardSource.Self}
+          id={url.pathname.slice(1)}
+        />
       )
     }
     case isTMDBUrl(url): {
       return (
-        <LinkCard source={LinkCardSource.TMDB} id={url.pathname.slice(1)} />
+        <LinkCard
+          fallbackUrl={url.toString()}
+          source={LinkCardSource.TMDB}
+          id={url.pathname.slice(1)}
+        />
       )
     }
 
@@ -178,7 +186,11 @@ const GithubUrlRenderL: FC<{
     case isGithubPrUrl(url): {
       const { owner, repo, pr } = parseGithubPrUrl(url)
       return (
-        <LinkCard id={`${owner}/${repo}/${pr}`} source={LinkCardSource.GHPr} />
+        <LinkCard
+          fallbackUrl={url.toString()}
+          id={`${owner}/${repo}/${pr}`}
+          source={LinkCardSource.GHPr}
+        />
       )
     }
 
@@ -190,6 +202,7 @@ const GithubUrlRenderL: FC<{
             <MLink href={href}>{href}</MLink>
           </p>
           <LinkCard
+            fallbackUrl={url.toString()}
             id={`${owner}/${repo}/commit/${id}`}
             source={LinkCardSource.GHCommit}
           />