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

Add "shouldForwardProp" util function

Browse Source
This commit is contained in:
schroda
2024-09-27 20:34:32 +02:00
parent 8f4da52d1f
commit df420710ae
5 changed files with 55 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -38,6 +38,7 @@ import { MangaType, SourceType } from '@/lib/graphql/generated/graphql.ts';
import { useLocalStorage } from '@/util/useStorage.tsx';
import { useResizeObserver } from '@/util/useResizeObserver.tsx';
import { useMetadataServerSettings } from '@/lib/metadata/metadataServerSettings.ts';
import { shouldForwardProp } from '@/lib/ui/ShouldForwardProp.ts';
const DetailsWrapper = styled('div')(({ theme }) => ({
display: 'flex',
@@ -51,12 +52,13 @@ const DetailsWrapper = styled('div')(({ theme }) => ({
},
}));
const TopContentWrapper = styled('div', {
shouldForwardProp: (prop) => !['url', 'mangaThumbnailBackdrop'].includes(prop as string),
})<{
type TopContentWrapperProps = {
url: string;
mangaThumbnailBackdrop: boolean;
}>(({ theme, url, mangaThumbnailBackdrop }) => ({
};
const TopContentWrapper = styled('div', {
shouldForwardProp: shouldForwardProp<TopContentWrapperProps>(['url', 'mangaThumbnailBackdrop']),
})<TopContentWrapperProps>(({ theme, url, mangaThumbnailBackdrop }) => ({
position: 'relative',
backgroundImage: mangaThumbnailBackdrop ? `url(${url})` : undefined,
backgroundRepeat: mangaThumbnailBackdrop ? 'no-repeat' : undefined,