diff --git a/lang/en.json b/lang/en.json index f7852ab..0d27b7e 100644 --- a/lang/en.json +++ b/lang/en.json @@ -5,7 +5,9 @@ "launch_button": "Launch", "gc_enable": "Connect via Grasscutter", "ip_placeholder": "Server Address...", - "port_placeholder": "Port..." + "port_placeholder": "Port...", + "files_downloading": "Files Downloading: ", + "files_extracting": "Files Extracting: " }, "options": { "game_exec": "Set Game Executable", @@ -17,6 +19,13 @@ "grasscutter_latest": "Download Grasscutter Latest", "resources": "Download Grasscutter Resources" }, + "download_status": { + "downloading": "Downloading", + "extracting": "Extracting", + "error": "Error", + "finished": "Finished", + "stopped": "Stopped" + }, "components": { "select_file": "Select file or folder...", "download": "Download" diff --git a/src/ui/components/common/MainProgressBar.tsx b/src/ui/components/common/MainProgressBar.tsx index 3a8071f..f43fc52 100644 --- a/src/ui/components/common/MainProgressBar.tsx +++ b/src/ui/components/common/MainProgressBar.tsx @@ -1,5 +1,6 @@ import React from 'react' import DownloadHandler from '../../../utils/download' +import Tr from '../../../utils/language' import './ProgressBar.css' interface IProps { @@ -67,9 +68,9 @@ export default class ProgressBar extends React.Component {
- Files Downloading: {this.state.files} ({this.state.speed}) + {this.state.files} ({this.state.speed})
- Files Extracting: {this.state.extracting} + {this.state.extracting}
) diff --git a/src/ui/components/common/ProgressBar.tsx b/src/ui/components/common/ProgressBar.tsx index 6c93412..c838a61 100644 --- a/src/ui/components/common/ProgressBar.tsx +++ b/src/ui/components/common/ProgressBar.tsx @@ -4,6 +4,7 @@ import { capitalize } from '../../../utils/string' import Stop from '../../../resources/icons/close.svg' import './ProgressBar.css' import DownloadHandler from '../../../utils/download' +import { translate } from '../../../utils/language' interface IProps { path: string, @@ -31,11 +32,11 @@ export default class ProgressBar extends React.Component { componentDidMount() { // Periodically check the progress of passed file path - const intv = setInterval(() => { + const intv = setInterval(async () => { const prog = this.props.downloadManager.getDownloadProgress(this.props.path) this.setState({ progress: prog?.progress || 0, - status: prog?.status || 'stopped', + status: await translate(`download_status.${prog?.status || 'stopped'}`) || 'stopped', total: prog?.total || 0, })