marco/yt-dlp-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Integrated Korean translation from PR #5 by kimpig

Browse Source
This commit is contained in:
marcobaobao
2022-03-05 11:08:05 +01:00
parent 8989d85a50
commit 5e5c8c7766
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/App.tsx
View File

@@ -302,7 +302,7 @@ export function App() {
<Row> <Row>
<Col> <Col>
<Button className="float-end buttonAbort" size="sm" onClick={() => abort(message[0])}> <Button className="float-end buttonAbort" size="sm" onClick={() => abort(message[0])}>
<StopFill></StopFill> <StopFill className="mb-1"></StopFill>
</Button> </Button>
</Col> </Col>
</Row> </Row>
@@ -319,18 +319,19 @@ export function App() {
<div className="my-4"> <div className="my-4">
<span className="settings" onClick={() => setShowSettings(!showSettings)}> <span className="settings" onClick={() => setShowSettings(!showSettings)}>
<GearFill></GearFill> <GearFill className="mb-1"></GearFill>
</span> </span>
{' '} {' '}
<span className="settings" onClick={() => setShowLanguages(!showLanguages)}> <span className="settings" onClick={() => setShowLanguages(!showLanguages)}>
<Translate></Translate> <Translate className="mb-1"></Translate>
</span> </span>
{showLanguages ? {showLanguages ?
<select className="form-select mt-2" onChange={handleLanguageChage} defaultValue={language}> <select className="form-select mt-2" onChange={handleLanguageChage} defaultValue={language}>
<option value="english">English</option> <option value="english">English</option>
<option value="italian">Italian</option> <option value="italian">Italian</option>
<option value="chinese">Chinese</option>
<option value="spanish">Spanish</option> <option value="spanish">Spanish</option>
<option value="chinese">Chinese</option>
<option value="korean">Korean</option>
<option value="russian">Russian</option> <option value="russian">Russian</option>
</select> </select>
: null : null

10
frontend/src/components/Footer.tsx
View File

@@ -18,12 +18,12 @@ export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props)
<small>Made with ❤️ on 🌍</small> <small>Made with ❤️ on 🌍</small>
</span> </span>
<span className="px-3 separator"> <span className="px-3 separator">
<HddStackFill></HddStackFill> {' '} <HddStackFill className="mb-1"></HddStackFill> {' '}
<small>{freeSpace ? `${freeSpace.trim()}iB` : '-'}</small> <small>{freeSpace ? `${freeSpace.trim()}iB` : '-'}</small>
</span> </span>
{isDesktop ? {isDesktop ?
<span className="px-3 separator"> <span className="px-3 separator">
<Ethernet></Ethernet> {' '} <Ethernet className="mb-1"></Ethernet> {' '}
<small>{serverAddr ? `${serverAddr}:3022` : 'not defined'}</small> <small>{serverAddr ? `${serverAddr}:3022` : 'not defined'}</small>
</span> : </span> :
null null
@@ -31,13 +31,13 @@ export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props)
<span className="px-3 separator"> <span className="px-3 separator">
<small title={connected ? 'Successfully connected!' : 'Can\'t connect to server'}> <small title={connected ? 'Successfully connected!' : 'Can\'t connect to server'}>
{connected ? {connected ?
<CheckSquareFill style={{ color: '#03b703' }} /> : <CheckSquareFill className="mb-1" style={{ color: '#03b703' }} /> :
<XSquareFill style={{ color: '#e83a3a' }} /> <XSquareFill className="mb-1" style={{ color: '#e83a3a' }} />
} }
</small> </small>
</span> </span>
<span className="float-end website" onClick={() => window.open('https://github.com/marcobaobao/yt-dlp-web-ui')}> <span className="float-end website" onClick={() => window.open('https://github.com/marcobaobao/yt-dlp-web-ui')}>
<Github></Github> <Github className="mb-1"></Github>
</span> </span>
</div> </div>
</footer > </footer >