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

Link to manga from updates (#646)

Browse Source 
* added link component to avatar in updates

* Fix linting issues

---------

Co-authored-by: schroda <50052685+schroda@users.noreply.github.com>
This commit is contained in:
Nikita Shaposhnikov
2024-04-10 02:04:02 +04:00
committed by GitHub
parent 00f5e8d76f
commit 1519d0447e
1 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/screens/Updates.tsx
View File

@@ -193,28 +193,30 @@ export const Updates: React.FC = () => {
}} }}
> >
<Box sx={{ display: 'flex' }}> <Box sx={{ display: 'flex' }}>
<Avatar <Link to={`/manga/${chapter.manga.id}`} style={{ textDecoration: 'none' }}>
variant="rounded" <Avatar
sx={{ variant="rounded"
width: 56, sx={{
height: 56, width: 56,
flex: '0 0 auto', height: 56,
marginRight: 2, flex: '0 0 auto',
background: 'transparent', marginRight: 2,
}} background: 'transparent',
>
<SpinnerImage
imgStyle={{
objectFit: 'cover',
width: '100%',
height: '100%',
imageRendering: 'pixelated',
}} }}
spinnerStyle={{ small: true }} >
alt={manga.title} <SpinnerImage
src={Mangas.getThumbnailUrl(manga)} imgStyle={{
/> objectFit: 'cover',
</Avatar> width: '100%',
height: '100%',
imageRendering: 'pixelated',
}}
spinnerStyle={{ small: true }}
alt={manga.title}
src={Mangas.getThumbnailUrl(manga)}
/>
</Avatar>
</Link>
<Box sx={{ display: 'flex', flexDirection: 'column' }}> <Box sx={{ display: 'flex', flexDirection: 'column' }}>
<Typography variant="h5" component="h2"> <Typography variant="h5" component="h2">
{manga.title} {manga.title}