refactor: add typescript definition

src/common/component/Message/PreviewMessage.tsx

@@ -3,8 +3,13 @@ import renderContent from "./renderContent";
 import Avatar from "../Avatar";
 import StyledWrapper from "./styled";
 import { useAppSelector } from "../../../app/store";
+import { FC } from "react";
 
-export default function PreviewMessage({ mid = 0 }) {
+interface Props {
+  mid?: number;
+}
+
+const PreviewMessage: FC<Props> = ({ mid = 0 }) => {
   const { msg, contactsData } = useAppSelector((store) => {
     return { msg: store.message[mid], contactsData: store.contacts.byId };
   });
@@ -33,4 +38,6 @@ export default function PreviewMessage({ mid = 0 }) {
       </div>
     </StyledWrapper>
   );
-}
+};
+
+export default PreviewMessage;

src/common/component/Message/Reply.tsx

@@ -1,7 +1,7 @@
 import React, { MouseEvent, FC } from "react";
 import styled from "styled-components";
 import reactStringReplace from "react-string-replace";
-import MrakdownRender from "../MrakdownRender";
+import MarkdownRender from "../MarkdownRender";
 import Mention from "./Mention";
 import { ContentTypes } from "../../../app/config";
 import { getFileIcon, isImage } from "../../utils";
@@ -122,7 +122,7 @@ const renderContent = (data) => {
     case ContentTypes.markdown:
       res = (
         <div className="md">
-          <MrakdownRender content={content} />
+          <MarkdownRender content={content} />
         </div>
       );
       break;

src/common/component/Message/renderContent.tsx

@@ -5,7 +5,7 @@ import reactStringReplace from "react-string-replace";
 import { ContentTypes } from "../../../app/config";
 import Mention from "./Mention";
 import ForwardedMessage from "./ForwardedMessage";
-import MrakdownRender from "../MrakdownRender";
+import MarkdownRender from "../MarkdownRender";
 import FileMessage from "../FileMessage";
 import URLPreview from "./URLPreview";
 
@@ -54,7 +54,7 @@ const renderContent = ({
       break;
     case ContentTypes.markdown:
       {
-        ctn = <MrakdownRender content={content} />;
+        ctn = <MarkdownRender content={content} />;
       }
       break;
     case ContentTypes.file: