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

Add missing card classes (#2327)

Browse Source 
* Move performer flag and add classes
* Add class to interactive heat map
* Add classes to scene card
* Add missing class names
This commit is contained in:
WithoutPants
2022-02-20 11:05:51 +11:00
committed by GitHub
parent 77acbc42b7
commit 1fab368328
10 changed files with 75 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
ui/v2.5/src/components/Performers/PerformerCard.tsx
View File

@@ -180,6 +180,22 @@ export const PerformerCard: React.FC<IPerformerCardProps> = ({
);
}
function maybeRenderFlag() {
if (performer.country) {
return (
<Link to={NavUtils.makePerformersCountryUrl(performer)}>
<CountryFlag
className="performer-card__country-flag"
country={performer.country}
/>
<span className="performer-card__country-string">
{performer.country}
</span>
</Link>
);
}
}
return (
<GridCard
className="performer-card"
@@ -197,14 +213,16 @@ export const PerformerCard: React.FC<IPerformerCardProps> = ({
/>
{maybeRenderFavoriteIcon()}
{maybeRenderRatingBanner()}
{maybeRenderFlag()}
</>
}
details={
<>
{age !== 0 ? <div className="text-muted">{ageString}</div> : ""}
<Link to={NavUtils.makePerformersCountryUrl(performer)}>
<CountryFlag country={performer.country} />
</Link>
{age !== 0 ? (
<div className="performer-card__age">{ageString}</div>
) : (
""
)}
{maybeRenderPopoverButtonGroup()}
</>
}