sovonegr/TorrServerJellyfin
1
0
Fork 0
mirror of https://github.com/Ernous/TorrServerJellyfin.git synced 2025-12-19 21:46:11 +05:00
Code Issues Packages Projects Releases Wiki Activity

unify snake across themes and close button

Browse Source
This commit is contained in:
nikk gitanes
2021-08-18 02:16:35 +03:00
parent 862ad66e3b
commit a0d257e070
4 changed files with 22 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/components/DialogTorrentDetailsContent/DialogHeader.jsx
View File

@@ -1,34 +1,31 @@
import Button from '@material-ui/core/Button'
import { AppBar, IconButton, makeStyles, Toolbar, Typography } from '@material-ui/core'
import CloseIcon from '@material-ui/icons/Close'
import { ArrowBack } from '@material-ui/icons'
import { useTranslation } from 'react-i18next'
const useStyles = makeStyles({
appBar: { position: 'relative' },
title: { marginLeft: '6px', flex: 1 },
title: { marginLeft: '5px', flex: 1 },
})
export default function DialogHeader({ title, onClose, onBack }) {
const { t } = useTranslation()
const classes = useStyles()
return (
<AppBar className={classes.appBar}>
<Toolbar>
<IconButton edge='start' color='inherit' onClick={onBack || onClose} aria-label='close'>
{onBack ? <ArrowBack /> : <CloseIcon />}
</IconButton>
{onBack && (
<IconButton edge='start' color='inherit' onClick={onBack} aria-label='back'>
<ArrowBack />
</IconButton>
)}
<Typography variant='h6' className={classes.title}>
{title}
</Typography>
{onBack && (
<Button autoFocus color='inherit' onClick={onClose}>
{t('Close')}
</Button>
)}
<IconButton autoFocus color='inherit' onClick={onClose} aria-label='close' style={{ marginRight: '-10px' }}>
<CloseIcon />
</IconButton>
</Toolbar>
</AppBar>
)