javier/jellyfin-audio-player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: linter issue

Browse Source
This commit is contained in:
Lei Nelissen
2023-04-10 17:15:32 +02:00
parent ba805e061e
commit a8c0003fc1
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/CoverImage.tsx
View File

@@ -55,6 +55,8 @@ function CoverImage({
return { imageSize, canvasSize }; return { imageSize, canvasSize };
}, [blurRadius, margin]); }, [blurRadius, margin]);
const skiaImage = useMemo(() => (image || fallback), [image, fallback]);
return ( return (
<Container size={imageSize} style={style}> <Container size={imageSize} style={style}>
<BlurContainer size={canvasSize} offset={blurRadius}> <BlurContainer size={canvasSize} offset={blurRadius}>
@@ -65,18 +67,16 @@ function CoverImage({
<Shadow dx={0} dy={8} blur={16} color="#0000000d" /> <Shadow dx={0} dy={8} blur={16} color="#0000000d" />
<Shadow dx={0} dy={16} blur={32} color="#0000000d" /> <Shadow dx={0} dy={16} blur={32} color="#0000000d" />
</RoundedRect> </RoundedRect>
{(image || fallback) ? ( {skiaImage ? (
<> <>
<SkiaImage image={image || fallback} width={imageSize} height={imageSize} opacity={opacity}> <SkiaImage image={skiaImage} width={imageSize} height={imageSize} opacity={opacity}>
<Offset x={blurRadius} y={blurRadius} /> <Offset x={blurRadius} y={blurRadius} />
<Blur blur={blurRadius / 2} /> <Blur blur={blurRadius / 2} />
</SkiaImage> </SkiaImage>
<Mask mask={<RoundedRect width={imageSize} height={imageSize} x={blurRadius} y={blurRadius} r={radius} />}> <Mask mask={<RoundedRect width={imageSize} height={imageSize} x={blurRadius} y={blurRadius} r={radius} />}>
{(image || fallback) ? ( <SkiaImage image={skiaImage} width={imageSize} height={imageSize}>
<SkiaImage image={image || fallback} width={imageSize} height={imageSize}> <Offset x={blurRadius} y={blurRadius} />
<Offset x={blurRadius} y={blurRadius} /> </SkiaImage>
</SkiaImage>
) : null}
</Mask> </Mask>
</> </>
) : null} ) : null}