From db3f8b8beecb058f1c7f18fb5bd86e624fe41400 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Sun, 28 Jul 2024 02:26:42 +0800
Subject: [PATCH]  refactor(TranslatePage.tsx): simplify OutputText styling for
 cleaner code structure

---
 src/renderer/src/pages/translate/TranslatePage.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/pages/translate/TranslatePage.tsx b/src/renderer/src/pages/translate/TranslatePage.tsx
index a96d37ea..2c5b86be 100644
--- a/src/renderer/src/pages/translate/TranslatePage.tsx
+++ b/src/renderer/src/pages/translate/TranslatePage.tsx
@@ -17,10 +17,8 @@ import TextArea from 'antd/es/input/TextArea'
 import { isEmpty } from 'lodash'
 import { FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import Markdown from 'react-markdown'
 import { Link } from 'react-router-dom'
 import styled from 'styled-components'
-import CodeBlock from '../home/components/CodeBlock'
 
 let _text = ''
 let _result = ''
@@ -209,11 +207,7 @@ const TranslatePage: FC = () => {
             </TranslateButton>
           </InputContainer>
           <OutputContainer>
-            <OutputText>
-              <Markdown className="markdown" components={{ code: CodeBlock as any }}>
-                {result || t('translate.output.placeholder')}
-              </Markdown>
-            </OutputText>
+            <OutputText>{result || t('translate.output.placeholder')}</OutputText>
             <CopyButton
               onClick={onCopy}
               disabled={!result}
@@ -293,9 +287,7 @@ const OutputText = styled.div`
   padding: 5px 10px;
   max-height: calc(100vh - var(--navbar-height) - 120px);
   overflow: auto;
-  .markdown {
-    white-space: pre-wrap;
-  }
+  white-space: pre-wrap;
 `
 
 const TranslateButton = styled(Button)`