fix: icons and some

src/components/BaseComponents/Markdown/index.tsx

@@ -8,7 +8,7 @@ import { okaidia } from "react-syntax-highlighter/dist/esm/styles/prism";
 import remarkGfm from "remark-gfm";
 import styles from "./styles.module.scss";
 import React from "react";
-import RightSvg from "../@site/static/icons/arrowright.svg";
+import { FaArrowRight } from "react-icons/fa";
 
 interface IProps {
   textContent: string;
@@ -45,7 +45,7 @@ const AskDatabendMarkdown: FC<IProps> = ({ textContent }): ReactElement => {
                   setIsCopy(true);
                 }}
               >
-                {isCopy ? <RightSvg /> : <>Copy</>}
+                {isCopy ? <FaArrowRight /> : <>Copy</>}
               </span>
             </div>
           ) : (

src/components/CopyPageButton/index.tsx

@@ -1,7 +1,8 @@
 import React, { useState, useMemo, useCallback } from "react";
 import { Button, Dropdown, Flex, Spin } from "antd";
 import styles from "./styles.module.scss";
-import DownArrow from "@site/static/icons/down.svg";
+import { FaAngleDown } from "react-icons/fa6";
+
 import { useDoc } from "@docusaurus/plugin-content-docs/client";
 import axios from "axios";
 import $t from "@site/src/utils/tools";
@@ -170,7 +171,7 @@ const CopyDropdownButton: React.FC = () => {
       onClick={() => handleCopy(sourceUrl)}
       menu={menu}
       placement="bottomRight"
-      icon={<DownArrow className={styles.svg} width={18} height={18} />}
+      icon={<FaAngleDown className={styles.svg} />}
       className={styles.buttonCainter}
       trigger={["click"]}
     >

src/components/CopyPageButton/styles.module.scss

@@ -27,6 +27,8 @@
   }
 }
 .svg {
+  position: relative;
+  top: 1px !important;
   path {
     fill: var(--color-text-0) !important;
   }

src/theme/DocCard/index.tsx

@@ -11,7 +11,6 @@ import { translate } from "@docusaurus/Translate";
 import DocsSvg from "@site/static/icons/docs.svg";
 import FolderSvg from "@site/static/icons/folder.svg";
 
-import type { Props } from "@theme/DocCard";
 // import Heading from "@theme/Heading";
 import type {
   PropSidebarItemCategory,
@@ -115,7 +114,7 @@ function CardLink({ item }: { item: PropSidebarItemLink }): ReactNode {
   );
 }
 
-export default function DocCard({ item }: Props): ReactNode {
+export default function DocCard({ item }: any): ReactNode {
   switch (item.type) {
     case "link":
       return <CardLink item={item} />;

src/theme/DocItem/Content/index.tsx

@@ -2,9 +2,10 @@ import React, { type ReactNode } from "react";
 import clsx from "clsx";
 import { ThemeClassNames } from "@docusaurus/theme-common";
 import { useDoc } from "@docusaurus/plugin-content-docs/client";
+// @ts-ignore
 import Heading from "@theme/Heading";
+// @ts-ignore
 import MDXContent from "@theme/MDXContent";
-import type { Props } from "@theme/DocItem/Content";
 import styles from "./styles.module.css";
 import CopyPageButton from "@site/src/components/CopyPageButton";
 
@@ -28,7 +29,7 @@ function useSyntheticTitle(): string | null {
   return metadata.title;
 }
 
-export default function DocItemContent({ children }: Props): ReactNode {
+export default function DocItemContent({ children }: any): ReactNode {
   const syntheticTitle = useSyntheticTitle();
   return (
     <div className={clsx(ThemeClassNames.docs.docMarkdown, "markdown")}>