mirrors/jellyseerr
1
0
Fork 0
mirror of https://github.com/fallenbagel/jellyseerr.git synced 2026-01-03 13:18:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove protocol-relative URLs from next/image (#889)

Browse Source 
Next.js image component doesn't support protocol-relative URLs, so this PR replaces them to https
URLs
This commit is contained in:
Gauthier
2024-07-24 20:10:31 +02:00
committed by GitHub
parent 6cea8bba59
commit c80d9a853a
3 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Discover/DiscoverNetwork/index.tsx
View File

@@ -50,7 +50,7 @@ const DiscoverTvNetwork = () => {
{firstResultData?.network.logoPath ? ( {firstResultData?.network.logoPath ? (
<div className="mb-6 flex justify-center"> <div className="mb-6 flex justify-center">
<Image <Image
src={`//image.tmdb.org/t/p/w780_filter(duotone,ffffff,bababa)${firstResultData.network.logoPath}`} src={`https://image.tmdb.org/t/p/w780_filter(duotone,ffffff,bababa)${firstResultData.network.logoPath}`}
alt={firstResultData.network.name} alt={firstResultData.network.name}
className="max-h-24 sm:max-h-32" className="max-h-24 sm:max-h-32"
fill fill

2
src/components/Discover/DiscoverStudio/index.tsx
View File

@@ -50,7 +50,7 @@ const DiscoverMovieStudio = () => {
{firstResultData?.studio.logoPath ? ( {firstResultData?.studio.logoPath ? (
<div className="mb-6 flex justify-center"> <div className="mb-6 flex justify-center">
<Image <Image
src={`//image.tmdb.org/t/p/w780_filter(duotone,ffffff,bababa)${firstResultData.studio.logoPath}`} src={`https://image.tmdb.org/t/p/w780_filter(duotone,ffffff,bababa)${firstResultData.studio.logoPath}`}
alt={firstResultData.studio.name} alt={firstResultData.studio.name}
className="max-h-24 sm:max-h-32" className="max-h-24 sm:max-h-32"
fill fill

38
src/components/MediaSlider/ShowMoreCard/index.tsx
View File

@@ -57,44 +57,48 @@ const ShowMoreCard = ({ url, posters }: ShowMoreCardProps) => {
> >
<div style={{ paddingBottom: '150%' }}> <div style={{ paddingBottom: '150%' }}>
<div className="absolute inset-0 flex h-full w-full flex-col items-center p-2"> <div className="absolute inset-0 flex h-full w-full flex-col items-center p-2">
<div className="relative z-10 flex h-full flex-wrap items-center justify-center opacity-30"> <div className="relative z-10 grid h-full w-full grid-cols-2 items-center justify-center gap-2 opacity-30">
{posters[0] && ( {posters[0] && (
<div className="w-1/2 p-1"> <div className="">
<Image <Image
src={`//image.tmdb.org/t/p/w300_and_h450_face${posters[0]}`} src={`https://image.tmdb.org/t/p/w300_and_h450_face${posters[0]}`}
alt="" alt=""
className="w-full rounded-md" className="rounded-md"
fill width={300}
height={450}
/> />
</div> </div>
)} )}
{posters[1] && ( {posters[1] && (
<div className="w-1/2 p-1"> <div className="">
<Image <Image
src={`//image.tmdb.org/t/p/w300_and_h450_face${posters[1]}`} src={`https://image.tmdb.org/t/p/w300_and_h450_face${posters[1]}`}
alt="" alt=""
className="w-full rounded-md" className="rounded-md"
fill width={300}
height={450}
/> />
</div> </div>
)} )}
{posters[2] && ( {posters[2] && (
<div className="w-1/2 p-1"> <div className="">
<Image <Image
src={`//image.tmdb.org/t/p/w300_and_h450_face${posters[2]}`} src={`https://image.tmdb.org/t/p/w300_and_h450_face${posters[2]}`}
alt="" alt=""
className="w-full rounded-md" className="rounded-md"
fill width={300}
height={450}
/> />
</div> </div>
)} )}
{posters[3] && ( {posters[3] && (
<div className="w-1/2 p-1"> <div className="">
<Image <Image
src={`//image.tmdb.org/t/p/w300_and_h450_face${posters[3]}`} src={`https://image.tmdb.org/t/p/w300_and_h450_face${posters[3]}`}
alt="" alt=""
className="w-full rounded-md" className="rounded-md"
fill width={300}
height={450}
/> />
</div> </div>
)} )}