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

Fix UI error when image has no files (#5325)

Browse Source
This commit is contained in:
WithoutPants
2024-10-02 09:58:48 +10:00
committed by GitHub
parent 93a2ee1277
commit 76a5b2a06a
1 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ui/v2.5/src/components/Images/ImageDetails/Image.tsx
View File

@@ -279,7 +279,10 @@ const ImagePage: React.FC<IProps> = ({ image }) => {
); );
const title = objectTitle(image); const title = objectTitle(image);
const ImageView = isVideo(image.visual_files[0]) ? "video" : "img"; const ImageView =
image.visual_files.length > 0 && isVideo(image.visual_files[0])
? "video"
: "img";
const resolution = useMemo(() => { const resolution = useMemo(() => {
return file?.width && file?.height return file?.width && file?.height
@@ -362,6 +365,7 @@ const ImagePage: React.FC<IProps> = ({ image }) => {
{renderTabs()} {renderTabs()}
</div> </div>
<div className="image-container"> <div className="image-container">
{image.visual_files.length > 0 && (
<ImageView <ImageView
loop={image.visual_files[0].__typename == "VideoFile"} loop={image.visual_files[0].__typename == "VideoFile"}
autoPlay={image.visual_files[0].__typename == "VideoFile"} autoPlay={image.visual_files[0].__typename == "VideoFile"}
@@ -375,6 +379,7 @@ const ImagePage: React.FC<IProps> = ({ image }) => {
alt={title} alt={title}
src={image.paths.image ?? ""} src={image.paths.image ?? ""}
/> />
)}
</div> </div>
</div> </div>
); );