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

add support for useCache

Browse Source
This commit is contained in:
Aria Moradi
2021-09-18 20:59:23 +04:30
parent 344f4e8638
commit 03e7d4976a
6 changed files with 35 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/manga/ExtensionCard.tsx
View File

@@ -65,6 +65,7 @@ export default function ExtensionCard(props: IProps) {
);
const [serverAddress] = useLocalStorage<String>('serverBaseURL', '');
const [useCache] = useLocalStorage<boolean>('useCache', true);
const classes = useStyles();
const langPress = lang === 'all' ? 'All' : lang.toUpperCase();
@@ -124,7 +125,7 @@ export default function ExtensionCard(props: IProps) {
variant="rounded"
className={classes.icon}
alt={name}
src={serverAddress + iconUrl}
src={`${serverAddress}${iconUrl}?useCache=${useCache}`}
/>
<div style={{ display: 'flex', flexDirection: 'column' }}>
<Typography variant="h5" component="h2">

3
src/components/manga/MangaCard.tsx
View File

@@ -74,6 +74,7 @@ const MangaCard = React.forwardRef<HTMLDivElement, IProps>((props: IProps, ref)
} = props;
const classes = useStyles();
const [serverAddress] = useLocalStorage<String>('serverBaseURL', '');
const [useCache] = useLocalStorage<boolean>('useCache', true);
return (
<Grid item xs={6} sm={4} md={3} lg={2}>
@@ -83,7 +84,7 @@ const MangaCard = React.forwardRef<HTMLDivElement, IProps>((props: IProps, ref)
<div className={classes.wrapper}>
<SpinnerImage
alt={title}
src={serverAddress + thumbnailUrl}
src={`${serverAddress}${thumbnailUrl}?useCache=${useCache}`}
spinnerClassName={classes.spinner}
imgClassName={classes.image}
/>

3
src/components/manga/MangaDetails.tsx
View File

@@ -167,6 +167,7 @@ export default function MangaDetails(props: IProps) {
}, [inLibrary, categoryDialogOpen]);
const [serverAddress] = useLocalStorage<String>('serverBaseURL', '');
const [useCache] = useLocalStorage<boolean>('useCache', true);
const classes = useStyles(inLibrary)();
@@ -197,7 +198,7 @@ export default function MangaDetails(props: IProps) {
<div className={classes.top}>
<div className={classes.leftRight}>
<div className={classes.leftSide}>
<img src={`${serverAddress}${manga.thumbnailUrl}`} alt="Manga Thumbnail" />
<img src={`${serverAddress}${manga.thumbnailUrl}?useCache=${useCache}`} alt="Manga Thumbnail" />
</div>
<div className={classes.rightSide}>
<h1>

3
src/components/manga/SourceCard.tsx
View File

@@ -82,6 +82,7 @@ export default function SourceCard(props: IProps) {
const history = useHistory();
const [serverAddress] = useLocalStorage<String>('serverBaseURL', '');
const [useCache] = useLocalStorage<boolean>('useCache', true);
const classes = useStyles();
@@ -104,7 +105,7 @@ export default function SourceCard(props: IProps) {
variant="rounded"
className={classes.icon}
alt={name}
src={serverAddress + iconUrl}
src={`${serverAddress}${iconUrl}?useCache=${useCache}`}
/>
<div style={{ display: 'flex', flexDirection: 'column' }}>
<Typography variant="h5" component="h2">

5
src/components/manga/reader/Page.tsx
View File

@@ -8,6 +8,7 @@
import makeStyles from '@mui/styles/makeStyles';
import React, { useEffect, useRef } from 'react';
import SpinnerImage from 'components/SpinnerImage';
import useLocalStorage from 'util/useLocalStorage';
function imageStyle(settings: IReaderSettings): any {
if (settings.readerType === 'DoubleLTR'
@@ -65,6 +66,8 @@ const Page = React.forwardRef((props: IProps, ref: any) => {
src, index, onImageLoad, setCurPage, settings,
} = props;
const [useCache] = useLocalStorage<boolean>('useCache', true);
const classes = useStyles(settings)();
const imgRef = useRef<HTMLImageElement>(null);
@@ -104,7 +107,7 @@ const Page = React.forwardRef((props: IProps, ref: any) => {
return (
<div ref={ref} style={{ margin: '0 auto' }}>
<SpinnerImage
src={src}
src={`${src}?useCache=${useCache}`}
onImageLoad={onImageLoad}
alt={`Page #${index}`}
imgRef={imgRef}