diff --git a/ui/v2.5/src/components/Images/ImageCard.tsx b/ui/v2.5/src/components/Images/ImageCard.tsx index e56733643..73a61a4f4 100644 --- a/ui/v2.5/src/components/Images/ImageCard.tsx +++ b/ui/v2.5/src/components/Images/ImageCard.tsx @@ -62,6 +62,27 @@ export const ImageCard: React.FC = ( } } + function maybeRenderGallery() { + if (props.image.galleries.length <= 0) return; + + const popoverContent = props.image.galleries.map((gallery) => ( + + )); + + return ( + + + + ); + } + function maybeRenderOrganized() { if (props.image.organized) { return ( @@ -79,6 +100,7 @@ export const ImageCard: React.FC = ( props.image.tags.length > 0 || props.image.performers.length > 0 || props.image.o_counter || + props.image.galleries.length > 0 || props.image.organized ) { return ( @@ -88,6 +110,7 @@ export const ImageCard: React.FC = ( {maybeRenderTagPopoverButton()} {maybeRenderPerformerPopoverButton()} {maybeRenderOCounter()} + {maybeRenderGallery()} {maybeRenderOrganized()}