Fix country selector in bulk performer edit dialog (#4565)

* Fix country select in edit performers dialog
* Fix edit performer dialog height
This commit is contained in:
WithoutPants 2024-02-16 12:37:24 +11:00 committed by GitHub
parent aaf3114194
commit 706b61233f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 20 additions and 3 deletions

View file

@ -26,6 +26,7 @@ import { IndeterminateCheckbox } from "../Shared/IndeterminateCheckbox";
import { BulkUpdateTextInput } from "../Shared/BulkUpdateTextInput";
import { faPencilAlt } from "@fortawesome/free-solid-svg-icons";
import * as FormUtils from "src/utils/form";
import { CountrySelect } from "../Shared/CountrySelect";
interface IListOperationProps {
selected: GQL.SlimPerformerDataFragment[];
@ -222,6 +223,7 @@ export const EditPerformersDialog: React.FC<IListOperationProps> = (
function render() {
return (
<ModalComponent
dialogClassName="edit-performers-dialog"
show
icon={faPencilAlt}
header={intl.formatMessage(
@ -293,9 +295,18 @@ export const EditPerformersDialog: React.FC<IListOperationProps> = (
{renderTextField("death_date", updateInput.death_date, (v) =>
setUpdateField({ death_date: v })
)}
{renderTextField("country", updateInput.country, (v) =>
setUpdateField({ country: v })
)}
<Form.Group>
<Form.Label>
<FormattedMessage id="country" />
</Form.Label>
<CountrySelect
value={updateInput.country ?? ""}
onChange={(v) => setUpdateField({ country: v })}
showFlag
/>
</Form.Group>
{renderTextField("ethnicity", updateInput.ethnicity, (v) =>
setUpdateField({ ethnicity: v })
)}

View file

@ -236,3 +236,9 @@
max-width: 50px;
}
}
.edit-performers-dialog .modal-body {
max-height: calc(100vh - 12rem);
overflow-y: auto;
padding-right: 1.5rem;
}