Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-18 04:44:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

only use details background image when provided (#4515)

Browse Source
This commit is contained in:
CJ
2024-01-29 01:04:41 -06:00
committed by GitHub
parent d82c526ada
commit 11cafe933a
4 changed files with 64 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
ui/v2.5/src/components/Movies/MovieDetails/Movie.tsx
View File

@@ -362,18 +362,22 @@ const MoviePage: React.FC<IProps> = ({ movie }) => {
function maybeRenderHeaderBackgroundImage() {
let image = movie.front_image_path;
if (enableBackgroundImage && !isEditing && image) {
return (
<div className="background-image-container">
<picture>
<source src={image} />
<img
className="background-image"
src={image}
alt={`${movie.name} background`}
/>
</picture>
</div>
);
const imageURL = new URL(image);
let isDefaultImage = imageURL.searchParams.get("default");
if (!isDefaultImage) {
return (
<div className="background-image-container">
<picture>
<source src={image} />
<img
className="background-image"
src={image}
alt={`${movie.name} background`}
/>
</picture>
</div>
);
}
}
}

28
ui/v2.5/src/components/Performers/PerformerDetails/Performer.tsx
View File

@@ -336,18 +336,22 @@ const PerformerPage: React.FC<IProps> = ({ performer, tabKey }) => {
function maybeRenderHeaderBackgroundImage() {
if (enableBackgroundImage && !isEditing && activeImage) {
return (
<div className="background-image-container">
<picture>
<source src={activeImage} />
<img
className="background-image"
src={activeImage}
alt={`${performer.name} background`}
/>
</picture>
</div>
);
const activeImageURL = new URL(activeImage);
let isDefaultImage = activeImageURL.searchParams.get("default");
if (!isDefaultImage) {
return (
<div className="background-image-container">
<picture>
<source src={activeImage} />
<img
className="background-image"
src={activeImage}
alt={`${performer.name} background`}
/>
</picture>
</div>
);
}
}
}

28
ui/v2.5/src/components/Studios/StudioDetails/Studio.tsx
View File

@@ -455,18 +455,22 @@ const StudioPage: React.FC<IProps> = ({ studio, tabKey }) => {
function maybeRenderHeaderBackgroundImage() {
let studioImage = studio.image_path;
if (enableBackgroundImage && !isEditing && studioImage) {
return (
<div className="background-image-container">
<picture>
<source src={studioImage} />
<img
className="background-image"
src={studioImage}
alt={`${studio.name} background`}
/>
</picture>
</div>
);
const studioImageURL = new URL(studioImage);
let isDefaultImage = studioImageURL.searchParams.get("default");
if (!isDefaultImage) {
return (
<div className="background-image-container">
<picture>
<source src={studioImage} />
<img
className="background-image"
src={studioImage}
alt={`${studio.name} background`}
/>
</picture>
</div>
);
}
}
}

28
ui/v2.5/src/components/Tags/TagDetails/Tag.tsx
View File

@@ -471,18 +471,22 @@ const TagPage: React.FC<IProps> = ({ tag, tabKey }) => {
function maybeRenderHeaderBackgroundImage() {
let tagImage = tag.image_path;
if (enableBackgroundImage && !isEditing && tagImage) {
return (
<div className="background-image-container">
<picture>
<source src={tagImage} />
<img
className="background-image"
src={tagImage}
alt={`${tag.name} background`}
/>
</picture>
</div>
);
const tagImageURL = new URL(tagImage);
let isDefaultImage = tagImageURL.searchParams.get("default");
if (!isDefaultImage) {
return (
<div className="background-image-container">
<picture>
<source src={tagImage} />
<img
className="background-image"
src={tagImage}
alt={`${tag.name} background`}
/>
</picture>
</div>
);
}
}
}