feat: 添加清空按钮

pot-app · May 25, 2023 · e17c210 · e17c210
1 parent 6ce44a5
commit e17c210
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/windows/Translator/components/SourceArea/index.jsx b/src/windows/Translator/components/SourceArea/index.jsx
@@ -3,6 +3,7 @@ import ContentCopyRoundedIcon from '@mui/icons-material/ContentCopyRounded';
 import SmartButtonRoundedIcon from '@mui/icons-material/SmartButtonRounded';
 import TranslateRoundedIcon from '@mui/icons-material/TranslateRounded';
 import GraphicEqRoundedIcon from '@mui/icons-material/GraphicEqRounded';
+import ClearAllRoundedIcon from '@mui/icons-material/ClearAllRounded';
 import { writeText } from '@tauri-apps/api/clipboard';
 import React, { useState, useEffect } from 'react';
 import { appWindow } from '@tauri-apps/api/window';
@@ -116,6 +117,19 @@ export default function SourceArea() {
                             <SmartButtonRoundedIcon />
                         </Tooltip>
                     </IconButton>
+                    <IconButton
+                        sx={{
+                            visibility: text == '' && 'hidden',
+                        }}
+                        onClick={() => {
+                            setSourceText('');
+                            setText('');
+                        }}
+                    >
+                        <Tooltip title='清空'>
+                            <ClearAllRoundedIcon />
+                        </Tooltip>
+                    </IconButton>
                 </Box>
                 <MuiButton
                     variant='contained'

diff --git a/src/windows/Translator/components/TargetArea/index.jsx b/src/windows/Translator/components/TargetArea/index.jsx
@@ -187,12 +187,14 @@ export default function TargetArea(props) {
                 <InputBase
                     multiline
                     fullWidth
+                    readOnly
                     value={targetText}
                     sx={{ display: targetText == '' && 'none' }}
                 />
                 <InputBase
                     multiline
                     fullWidth
+                    readOnly
                     value={errMessage}
                     sx={{ color: 'red', display: errMessage == '' && 'none' }}
                 />