fix: favicon align and link parser

Signed-off-by: Innei <[email protected]>
Innei · Oct 29, 2023 · a5156a0 · a5156a0 · vercel · Oct 29, 2023
1 parent 20b9fd2
commit a5156a0
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/src/components/ui/link/MLink.tsx b/src/components/ui/link/MLink.tsx
@@ -84,6 +84,7 @@ export const MLink: FC<{
 
   const showRichLink = !!parsedType && !!parsedName
 
+  console.log(text || parsedName, 'text || parsedName')
   return (
     <FloatPopover
       as="span"

diff --git a/src/components/ui/markdown/Markdown.tsx b/src/components/ui/markdown/Markdown.tsx
@@ -132,10 +132,14 @@ export const Markdown: FC<MdProps & MarkdownToJSX.Options & PropsWithChildren> =
           link: {
             react(node, output, state) {
               const { target, title } = node
-              const realText =
-                node.content[0]?.content === node.target
-                  ? void 0
-                  : node.content[0]?.content
+
+              let realText = ''
+
+              for (const child of node.content) {
+                if (child.type === 'text') {
+                  realText += child.content
+                }
+              }
 
               return (
                 <MLink

diff --git a/src/components/ui/rich-link/Favicon.tsx b/src/components/ui/rich-link/Favicon.tsx
@@ -78,7 +78,7 @@ export const Favicon: Component<FaviconProps> = (props) => {
   if (!prefixToIconMap[nextSource]) return null
 
   return (
-    <span className={clsxm('mr-1 [&_svg]:inline', className)}>
+    <span className={clsxm('mr-1 align-text-bottom [&_svg]:inline', className)}>
       {prefixToIconMap[nextSource]}
     </span>
   )

diff --git a/src/components/ui/rich-link/RichLink.tsx b/src/components/ui/rich-link/RichLink.tsx
@@ -21,7 +21,7 @@ export const RichLink: FC<{
   if (!urlPrefix) return null
 
   return (
-    <span className="mx-1 inline-flex items-center space-x-1 align-bottom">
+    <span className="mx-1 inline-flex items-center space-x-1 align-text-bottom">
       <Favicon source={source} />
       <a
         target="_blank"