fix: add renderMentionIdentityUserPlugin of MarkdownPreviewer, #1245

Author: quinn-gaoo

next/components/notification/notificationItem.js

@@ -1,14 +1,13 @@
 import styled from "styled-components";
 import { p_14_medium } from "@osn/common-ui/es/styles/textStyles";
-import { Time, Flex, Dot } from "@osn/common-ui";
+import { Time, Flex, Dot, MentionIdentityUser } from "@osn/common-ui";
 import { ReactComponent as CheckIcon } from "@osn/common-ui/es/imgs/icons/check.svg";
 import { useMemo, useState } from "react";
 import { useSpaceIconUri } from "frontedUtils/space";
 import {
   MarkdownPreviewer,
   renderMentionIdentityUserPlugin,
 } from "@osn/previewer";
-import IdentityOrAddr from "../identityOrAddr";
 
 const MarkDown = styled(MarkdownPreviewer)`
   ${p_14_medium};
@@ -49,7 +48,11 @@ export default function NotificationItem({ data, onMarkAsRead = () => {} }) {
         <a className="hover:underline" href={href}>
           <MarkDown
             content={content}
-            plugins={[renderMentionIdentityUserPlugin(<IdentityOrAddr />)]}
+            plugins={[
+              renderMentionIdentityUserPlugin(
+                <MentionIdentityUser className="px-0" explore />,
+              ),
+            ]}
             maxLines={2}
             markedOptions={{
               breaks: true,

next/components/postDetail/appendants.js

@@ -9,6 +9,7 @@ import {
   FlexBetween,
   FlexCenter,
   IpfsSquare,
+  MentionIdentityUser,
 } from "@osn/common-ui";
 import {
   newErrorToast,
@@ -23,7 +24,10 @@ import {
 } from "@osn/common-ui/es/styles/textStyles";
 import { text_dark_accessory } from "@osn/common-ui/es/styles/colors";
 import nextApi from "services/nextApi";
-import { MarkdownPreviewer } from "@osn/previewer";
+import {
+  MarkdownPreviewer,
+  renderMentionIdentityUserPlugin,
+} from "@osn/previewer";
 import Editor from "../editor";
 import { signAppendantWith } from "frontedUtils/signData";
 import useSignApiData from "hooks/useSignApiData";
@@ -212,7 +216,12 @@ const AppendantItem = ({ item, index }) => {
       </div>
 
       <MarkdownPreviewWrapper>
-        <MarkdownPreviewer content={item.content} />
+        <MarkdownPreviewer
+          content={item.content}
+          plugins={[
+            renderMentionIdentityUserPlugin(<MentionIdentityUser explore />),
+          ]}
+        />
       </MarkdownPreviewWrapper>
     </ItemWrapper>
   );

next/components/postDetail/postVotesItem.js

@@ -4,14 +4,17 @@ import Ellipsis from "@/components/ellipsis";
 import { Flex, IpfsSquare } from "@osn/common-ui";
 import ValueDisplay from "@/components/valueDisplay";
 import Voter from "@/components/role/voter";
-import { Tooltip } from "@osn/common-ui";
+import { Tooltip, MentionIdentityUser } from "@osn/common-ui";
 import VoteBalanceDetail from "./VoteBalanceDetail";
 import { isZero } from "frontedUtils";
 import {
   hasBalanceStrategy,
   hasSocietyVoteStrategyOnly,
 } from "frontedUtils/strategy";
-import { MarkdownPreviewer } from "@osn/previewer";
+import {
+  MarkdownPreviewer,
+  renderMentionIdentityUserPlugin,
+} from "@osn/previewer";
 import ToggleCollapsed from "../toggleCollapsed";
 import { useActiveAnchor } from "hooks/notification/useAnchor";
 
@@ -258,7 +261,12 @@ function ContentPreviewer({ data }) {
     return (
       <ToggleCollapsed collapsedHeight={240}>
         <div className="pl-7 pt-2 proposal-vote-remark-markdown">
-          <MarkdownPreviewer content={data.remark} />
+          <MarkdownPreviewer
+            content={data.remark}
+            plugins={[
+              renderMentionIdentityUserPlugin(<MentionIdentityUser explore />),
+            ]}
+          />
         </div>
       </ToggleCollapsed>
     );