Ignore source/extension, tracker icon and thumbnails requests from image queue

The server is not requesting these images through an extension; thus, it is not a problem to send them directly to the server since there is no problem of getting the server "stuck" due to extension rate limits.
This commit is contained in:
schroda
2025-11-22 17:28:56 +01:00
parent 9ed05f3fc0
commit 890b304b4a
11 changed files with 60 additions and 22 deletions

View File

@@ -102,7 +102,15 @@ export function ExtensionCard(props: IProps) {
<Card>
<OptionalCardActionAreaLink disabled={!isInstalled} to={AppRoutes.extension.childRoutes.info.path(pkgName)}>
<ListCardContent>
<ListCardAvatar iconUrl={requestManager.getValidImgUrlFor(iconUrl)} alt={name} />
<ListCardAvatar
iconUrl={requestManager.getValidImgUrlFor(iconUrl)}
alt={name}
slots={{
spinnerImageProps: {
ignoreQueue: true,
},
}}
/>
<Stack
sx={{
justifyContent: 'center',

View File

@@ -67,7 +67,15 @@ export const SourceCard: React.FC<IProps> = (props: IProps) => {
state={{ contentType: SourceContentType.POPULAR, clearCache: true }}
>
<ListCardContent>
<ListCardAvatar iconUrl={requestManager.getValidImgUrlFor(iconUrl)} alt={sourceName} />
<ListCardAvatar
iconUrl={requestManager.getValidImgUrlFor(iconUrl)}
alt={sourceName}
slots={{
spinnerImageProps: {
ignoreQueue: true,
},
}}
/>
<Stack
sx={{
justifyContent: 'center',

View File

@@ -14,7 +14,7 @@ import { TExtension } from '@/features/extension/Extensions.types.ts';
export const Header = ({ name, pkgName, iconUrl, repo }: TExtension) => (
<Stack sx={{ alignItems: 'center' }}>
<SpinnerImage alt={name} src={requestManager.getValidImgUrlFor(iconUrl)} />
<SpinnerImage alt={name} src={requestManager.getValidImgUrlFor(iconUrl)} ignoreQueue />
<Typography variant="h5" component="h2">
{name}
</Typography>

View File

@@ -36,7 +36,15 @@ export const MigrationCard = ({ id, name, lang, iconUrl, mangaCount }: TMigratab
<CardActionArea component={Link} to={AppRoutes.migrate.path(id)}>
<ListCardContent sx={{ justifyContent: 'space-between' }}>
<Box sx={{ display: 'flex', gap: 1 }}>
<ListCardAvatar iconUrl={requestManager.getValidImgUrlFor(iconUrl)} alt={sourceName} />
<ListCardAvatar
iconUrl={requestManager.getValidImgUrlFor(iconUrl)}
alt={sourceName}
slots={{
spinnerImageProps: {
ignoreQueue: true,
},
}}
/>
<Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
<Typography variant="h6" component="h3">
{sourceName}

View File

@@ -147,6 +147,9 @@ export const SourceLanguageSelect = ({
height: 32,
},
},
spinnerImageProps: {
ignoreQueue: true,
},
}}
/>
</ListItemAvatar>

View File

@@ -91,6 +91,9 @@ export const SettingsTrackerCard = ({ tracker }: { tracker: TTrackerSearch }) =>
variant: 'rounded',
sx: { width: 64, height: 64 },
},
spinnerImageProps: {
ignoreQueue: true,
},
}}
/>
</ListItemAvatar>

View File

@@ -211,6 +211,9 @@ const TrackerActiveHeader = ({
variant: 'rounded',
sx: { width: 64, height: 64 },
},
spinnerImageProps: {
ignoreQueue: true,
},
}}
/>
</TrackerActiveLink>

View File

@@ -156,6 +156,7 @@ export const TrackerMangaCard = ({
<SpinnerImage
useFetchApi={false}
disableCors
ignoreQueue
alt={manga.title}
src={manga.coverUrl}
spinnerStyle={{ width: '100%', height: '100%' }}

View File

@@ -43,6 +43,9 @@ export const TrackerUntrackedCard = ({
variant: 'rounded',
sx: { width: 64, height: 64 },
},
spinnerImageProps: {
ignoreQueue: true,
},
}}
/>
<Button sx={{ flexGrow: '1' }} onClick={onClick}>