Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-07 00:43:12 +01:00
Code Issues Projects Releases Wiki Activity

Show performer image in select (#4227)

Browse source
This commit is contained in:
WithoutPants 2023-10-26 15:01:49 +11:00 committed by GitHub
parent c4d7a7ab2c
commit 552f86586a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
graphql/documents/data/performer-slim.graphql
View file

@ -40,4 +40,5 @@ fragment SelectPerformerData on Performer {
name name
disambiguation disambiguation
alias_list alias_list
image_path
} }

14
ui/v2.5/src/components/Performers/PerformerSelect.tsx
View file

@ -34,7 +34,7 @@ export type SelectObject = {
export type Performer = Pick< export type Performer = Pick<
GQL.Performer, GQL.Performer,
"id" | "name" | "alias_list" | "disambiguation" "id" | "name" | "alias_list" | "disambiguation" | "image_path"
>; >;
type Option = SelectOption<Performer>; type Option = SelectOption<Performer>;
@ -86,6 +86,18 @@ export const PerformerSelect: React.FC<
...optionProps, ...optionProps,
children: ( children: (
<span> <span>
<a
href={`/performers/${object.id}`}
target="_blank"
rel="noreferrer"
className="performer-select-image-link"
>
<img
className="performer-select-image"
src={object.image_path ?? ""}
loading="lazy"
/>
</a>
<span>{name}</span> <span>{name}</span>
{object.disambiguation && ( {object.disambiguation && (
<span className="performer-disambiguation">{` (${object.disambiguation})`}</span> <span className="performer-disambiguation">{` (${object.disambiguation})`}</span>

12
ui/v2.5/src/components/Performers/styles.scss
View file

@ -221,6 +221,14 @@
} }
} }
.performer-select .alias { .performer-select {
font-weight: bold; .alias {
font-weight: bold;
}
.performer-select-image {
margin-right: 0.5em;
max-height: 50px;
max-width: 50px;
}
} }