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

* Fix country select in edit performers dialog * Fix edit performer dialog height
halkeye · Sep 1, 2024 · e082719 · e082719
1 parent 8cc7ab1
commit e082719
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx b/ui/v2.5/src/components/Performers/EditPerformersDialog.tsx
@@ -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 })
           )}

diff --git a/ui/v2.5/src/components/Performers/styles.scss b/ui/v2.5/src/components/Performers/styles.scss
@@ -236,3 +236,9 @@
     max-width: 50px;
   }
 }
+
+.edit-performers-dialog .modal-body {
+  max-height: calc(100vh - 12rem);
+  overflow-y: auto;
+  padding-right: 1.5rem;
+}