translate Add dialog and Close

This commit is contained in:
nikk gitanes
2021-06-05 23:15:00 +03:00
parent c046bed75b
commit e5cc07e563
5 changed files with 34 additions and 10 deletions

View File

@@ -7,6 +7,7 @@ import DialogContent from '@material-ui/core/DialogContent'
import DialogTitle from '@material-ui/core/DialogTitle'
import { torrentsHost } from 'utils/Hosts'
import axios from 'axios'
import { useTranslation } from 'react-i18next'
export default function AddDialog({ handleClose }) {
const [link, setLink] = useState('')
@@ -17,23 +18,26 @@ export default function AddDialog({ handleClose }) {
const inputTitle = ({ target: { value } }) => setTitle(value)
const inputPoster = ({ target: { value } }) => setPoster(value)
// eslint-disable-next-line no-unused-vars
const { t } = useTranslation()
const handleSave = () => {
axios.post(torrentsHost(), { action: 'add', link, title, poster, save_to_db: true }).finally(() => handleClose())
}
return (
<Dialog open onClose={handleClose} aria-labelledby='form-dialog-title' fullWidth>
<DialogTitle id='form-dialog-title'>Add magnet or link to torrent file</DialogTitle>
<DialogTitle id='form-dialog-title'>{t('AddMagnetOrLink')}</DialogTitle>
<DialogContent>
<TextField onChange={inputTitle} margin='dense' id='title' label='Title' type='text' fullWidth />
<TextField onChange={inputPoster} margin='dense' id='poster' label='Poster' type='url' fullWidth />
<TextField onChange={inputTitle} margin='dense' id='title' label={t('Title')} type='text' fullWidth />
<TextField onChange={inputPoster} margin='dense' id='poster' label={t('Poster')} type='url' fullWidth />
<TextField
onChange={inputMagnet}
autoFocus
margin='dense'
id='magnet'
label='Magnet or torrent file link'
label={t('MagnetOrTorrentFileLink')}
type='text'
fullWidth
/>
@@ -41,11 +45,11 @@ export default function AddDialog({ handleClose }) {
<DialogActions>
<Button onClick={handleClose} color='primary' variant='outlined'>
Cancel
{t('Cancel')}
</Button>
<Button variant='contained' disabled={!link} onClick={handleSave} color='primary'>
Add
{t('Add')}
</Button>
</DialogActions>
</Dialog>