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

Add gallery icon to image card (#2324)

Browse Source
This commit is contained in:
WithoutPants
2022-02-20 11:07:47 +11:00
committed by GitHub
parent 1fab368328
commit 4a6e26dcc8
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
ui/v2.5/src/components/Images/ImageCard.tsx
View File

@@ -62,6 +62,27 @@ export const ImageCard: React.FC<IImageCardProps> = (
} }
} }
function maybeRenderGallery() {
if (props.image.galleries.length <= 0) return;
const popoverContent = props.image.galleries.map((gallery) => (
<TagLink key={gallery.id} gallery={gallery} />
));
return (
<HoverPopover
className="gallery-count"
placement="bottom"
content={popoverContent}
>
<Button className="minimal">
<Icon icon="images" />
<span>{props.image.galleries.length}</span>
</Button>
</HoverPopover>
);
}
function maybeRenderOrganized() { function maybeRenderOrganized() {
if (props.image.organized) { if (props.image.organized) {
return ( return (
@@ -79,6 +100,7 @@ export const ImageCard: React.FC<IImageCardProps> = (
props.image.tags.length > 0 || props.image.tags.length > 0 ||
props.image.performers.length > 0 || props.image.performers.length > 0 ||
props.image.o_counter || props.image.o_counter ||
props.image.galleries.length > 0 ||
props.image.organized props.image.organized
) { ) {
return ( return (
@@ -88,6 +110,7 @@ export const ImageCard: React.FC<IImageCardProps> = (
{maybeRenderTagPopoverButton()} {maybeRenderTagPopoverButton()}
{maybeRenderPerformerPopoverButton()} {maybeRenderPerformerPopoverButton()}
{maybeRenderOCounter()} {maybeRenderOCounter()}
{maybeRenderGallery()}
{maybeRenderOrganized()} {maybeRenderOrganized()}
</ButtonGroup> </ButtonGroup>
</> </>