Make remaining image requests abortable (#645)

This commit is contained in:
schroda
2024-03-08 00:24:01 +01:00
committed by GitHub
parent 535cb1b359
commit ed74f7c851
9 changed files with 80 additions and 45 deletions

View File

@@ -347,26 +347,26 @@ export const MangaCard = (props: MangaCardProps) => {
>
<Avatar
variant="rounded"
sx={
inLibraryIndicator && inLibrary
? {
width: 56,
height: 56,
flex: '0 0 auto',
marginRight: 2,
imageRendering: 'pixelated',
filter: 'brightness(0.4)',
}
: {
width: 56,
height: 56,
flex: '0 0 auto',
marginRight: 2,
imageRendering: 'pixelated',
}
}
src={thumbnailUrl}
/>
sx={{
width: 56,
height: 56,
flex: '0 0 auto',
marginRight: 2,
}}
>
<SpinnerImage
spinnerStyle={{ small: true }}
imgStyle={{
objectFit: 'cover',
width: '100%',
height: '100%',
imageRendering: 'pixelated',
filter: inLibraryIndicator && inLibrary ? 'brightness(0.4)' : undefined,
}}
alt={manga.title}
src={thumbnailUrl}
/>
</Avatar>
<Box
sx={{
display: 'flex',