mint/dashboard/src/components/discussion/CommentAnchor.tsx

import { useEffect, useState } from "react";
import { get } from "../../request";
import { ICommentAnchorResponse } from "../api/Comment";
import MdView from "../template/MdView";
import AnchorCard from "./AnchorCard";

interface IWidget {
  id?: string;
}
const CommentAnchorWidget = ({ id }: IWidget) => {
  const [content, setContent] = useState<string>();
  useEffect(() => {
    if (typeof id === "string") {
      get<ICommentAnchorResponse>(`/v2/discussion-anchor/${id}`).then(
        (json) => {
          console.log(json);
          if (json.ok) {
            setContent(json.data);
          }
        }
      );
    }
  }, [id]);
  return (
    <div>
      <AnchorCard>
        <MdView html={content} />
      </AnchorCard>
    </div>
  );
};

export default CommentAnchorWidget;