ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

migrate Updates to Mui 5 (#104)

Browse Source
This commit is contained in:
Aria Moradi
2021-11-15 19:58:30 +03:30
committed by GitHub
parent 4f781fb749
commit 0de066368f
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/screens/Updates.tsx
View File

@@ -20,6 +20,7 @@ import client from 'util/client';
import useLocalStorage from 'util/useLocalStorage'; import useLocalStorage from 'util/useLocalStorage';
import EmptyView from 'components/util/EmptyView'; import EmptyView from 'components/util/EmptyView';
import LoadingPlaceholder from 'components/util/LoadingPlaceholder'; import LoadingPlaceholder from 'components/util/LoadingPlaceholder';
import { Box } from '@mui/system';
function epochToDate(epoch: number) { function epochToDate(epoch: number) {
const date = new Date(0); // The 0 there is the key, which sets the date to the epoch const date = new Date(0); // The 0 there is the key, which sets the date to the epoch
@@ -189,7 +190,7 @@ export default function Updates() {
padding: 2, padding: 2,
}} }}
> >
<div style={{ display: 'flex' }}> <Box sx={{ display: 'flex' }}>
<Avatar <Avatar
variant="rounded" variant="rounded"
sx={{ sx={{
@@ -201,7 +202,7 @@ export default function Updates() {
}} }}
src={`${serverAddress}${manga.thumbnailUrl}?useCache=${useCache}`} src={`${serverAddress}${manga.thumbnailUrl}?useCache=${useCache}`}
/> />
<div style={{ display: 'flex', flexDirection: 'column' }}> <Box sx={{ display: 'flex', flexDirection: 'column' }}>
<Typography variant="h5" component="h2"> <Typography variant="h5" component="h2">
{manga.title} {manga.title}
</Typography> </Typography>
@@ -209,8 +210,8 @@ export default function Updates() {
{chapter.name} {chapter.name}
{downloadStatusStringFor(chapter)} {downloadStatusStringFor(chapter)}
</Typography> </Typography>
</div> </Box>
</div> </Box>
{downloadStatusStringFor(chapter) === '' {downloadStatusStringFor(chapter) === ''
&& ( && (
<IconButton <IconButton