diff --git a/ui/v2.5/src/components/Galleries/GalleryCard.tsx b/ui/v2.5/src/components/Galleries/GalleryCard.tsx index 01b21bcc7..423693eff 100644 --- a/ui/v2.5/src/components/Galleries/GalleryCard.tsx +++ b/ui/v2.5/src/components/Galleries/GalleryCard.tsx @@ -142,7 +142,12 @@ export const GalleryCard: React.FC = (props) => { function maybeRenderPerformerPopoverButton() { if (props.gallery.performers.length <= 0) return; - return ; + return ( + + ); } function maybeRenderImagesPopoverButton() { diff --git a/ui/v2.5/src/components/Images/ImageCard.tsx b/ui/v2.5/src/components/Images/ImageCard.tsx index 12e8b9e00..e4c050a51 100644 --- a/ui/v2.5/src/components/Images/ImageCard.tsx +++ b/ui/v2.5/src/components/Images/ImageCard.tsx @@ -100,7 +100,12 @@ export const ImageCard: React.FC = ( function maybeRenderPerformerPopoverButton() { if (props.image.performers.length <= 0) return; - return ; + return ( + + ); } function maybeRenderOCounter() { diff --git a/ui/v2.5/src/components/Scenes/SceneCard.tsx b/ui/v2.5/src/components/Scenes/SceneCard.tsx index b5d053c67..18261b4bf 100644 --- a/ui/v2.5/src/components/Scenes/SceneCard.tsx +++ b/ui/v2.5/src/components/Scenes/SceneCard.tsx @@ -165,7 +165,12 @@ const SceneCardPopovers = PatchComponent( function maybeRenderPerformerPopoverButton() { if (props.scene.performers.length <= 0) return; - return ; + return ( + + ); } function maybeRenderGroupPopoverButton() { diff --git a/ui/v2.5/src/components/Shared/PerformerPopoverButton.tsx b/ui/v2.5/src/components/Shared/PerformerPopoverButton.tsx index 577faca8b..a2d4210ae 100644 --- a/ui/v2.5/src/components/Shared/PerformerPopoverButton.tsx +++ b/ui/v2.5/src/components/Shared/PerformerPopoverButton.tsx @@ -6,16 +6,20 @@ import * as GQL from "src/core/generated-graphql"; import { sortPerformers } from "src/core/performers"; import { HoverPopover } from "./HoverPopover"; import { Icon } from "./Icon"; -import { PerformerLink } from "./TagLink"; +import { PerformerLink, PerformerLinkType } from "./TagLink"; interface IProps { performers: Pick< GQL.Performer, "id" | "name" | "image_path" | "disambiguation" | "gender" >[]; + linkType?: PerformerLinkType; } -export const PerformerPopoverButton: React.FC = ({ performers }) => { +export const PerformerPopoverButton: React.FC = ({ + performers, + linkType, +}) => { const sorted = sortPerformers(performers); const popoverContent = sorted.map((performer) => (
@@ -33,6 +37,7 @@ export const PerformerPopoverButton: React.FC = ({ performers }) => { key={performer.id} performer={performer} className="d-block" + linkType={linkType} />
)); diff --git a/ui/v2.5/src/components/Shared/TagLink.tsx b/ui/v2.5/src/components/Shared/TagLink.tsx index d01eee2d5..b61de8bff 100644 --- a/ui/v2.5/src/components/Shared/TagLink.tsx +++ b/ui/v2.5/src/components/Shared/TagLink.tsx @@ -42,6 +42,8 @@ interface IPerformerLinkProps { className?: string; } +export type PerformerLinkType = IPerformerLinkProps["linkType"]; + export const PerformerLink: React.FC = ({ performer, linkType = "scene",