From 4a5713d6e41d89fd7b16b14e2ffcccba80d4b41b Mon Sep 17 00:00:00 2001
From: n4ze3m <n4ze3m@gmail.com>
Date: Mon, 3 Jun 2024 15:55:12 +0530
Subject: [PATCH] refactor: Remove unnecessary flex classes from CodeBlock
 component

---
 src/components/Common/CodeBlock.tsx |  6 +++---
 src/components/Common/Markdown.tsx  | 18 +++---------------
 2 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/src/components/Common/CodeBlock.tsx b/src/components/Common/CodeBlock.tsx
index 14e8b04..ea112f2 100644
--- a/src/components/Common/CodeBlock.tsx
+++ b/src/components/Common/CodeBlock.tsx
@@ -1,6 +1,6 @@
 import { Tooltip } from "antd"
 import { CheckIcon, ClipboardIcon } from "lucide-react"
-import { FC, memo, useState } from "react"
+import { FC,  useState } from "react"
 import { useTranslation } from "react-i18next"
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"
 import { coldarkDark } from "react-syntax-highlighter/dist/cjs/styles/prism"
@@ -10,7 +10,7 @@ interface Props {
   value: string
 }
 
-export const CodeBlock: FC<Props> = memo(({ language, value }) => {
+export const CodeBlock: FC<Props> =({ language, value }) => {
   const [isBtnPressed, setIsBtnPressed] = useState(false)
   const { t } = useTranslation("common")
   return (
@@ -63,4 +63,4 @@ export const CodeBlock: FC<Props> = memo(({ language, value }) => {
       </div>
     </>
   )
-})
+}
diff --git a/src/components/Common/Markdown.tsx b/src/components/Common/Markdown.tsx
index 44adbf3..1f85ace 100644
--- a/src/components/Common/Markdown.tsx
+++ b/src/components/Common/Markdown.tsx
@@ -1,28 +1,16 @@
 import remarkGfm from "remark-gfm"
 import remarkMath from "remark-math"
-import ReactMarkdown, { Options } from "react-markdown"
-
+import ReactMarkdown from "react-markdown"
 import "property-information"
 import React from "react"
-import { Tooltip } from "antd"
-import { CheckIcon, ClipboardIcon } from "lucide-react"
-import { useTranslation } from "react-i18next"
-
-import { FC, memo } from "react"
 import { CodeBlock } from "./CodeBlock"
 
-export const MemoizedReactMarkdown: FC<Options> = memo(
-  ReactMarkdown,
-  (prevProps, nextProps) =>
-    prevProps.children === nextProps.children &&
-    prevProps.className === nextProps.className
-)
 
 export default function Markdown({ message }: { message: string }) {
 
   return (
     <React.Fragment>
-      <MemoizedReactMarkdown
+      <ReactMarkdown
         className="prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0 dark:prose-dark"
         remarkPlugins={[remarkGfm, remarkMath]}
         components={{
@@ -55,7 +43,7 @@ export default function Markdown({ message }: { message: string }) {
           }
         }}>
         {message}
-      </MemoizedReactMarkdown>
+      </ReactMarkdown>
     </React.Fragment>
   )
 }