enhance(grapher): make entity selector title specific to the entity type

owid · Sep 26, 2023 · 979fc60 · 979fc60
1 parent ee51cc1
commit 979fc60
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/@ourworldindata/grapher/src/modal/EntitySelectorModal.tsx b/packages/@ourworldindata/grapher/src/modal/EntitySelectorModal.tsx
@@ -20,6 +20,8 @@ export interface EntitySelectorModalManager {
     canChangeEntity: boolean
     isSelectingData?: boolean
     tabBounds?: Bounds
+    entityType?: string
+    entityTypePlural?: string
 }
 
 interface SearchableEntity {
@@ -169,11 +171,16 @@ export class EntitySelectorModal extends React.Component<{
     }
 
     render(): JSX.Element {
-        const { selectionArray, searchResults, searchInput } = this
+        const { selectionArray, searchResults, searchInput, isMulti, manager } =
+            this
+
+        const title = isMulti
+            ? `Add/remove ${manager.entityTypePlural || "countries or regions"}`
+            : `Choose ${manager.entityType || "country or region"}`
 
         return (
             <Modal
-                title="Choose data to show"
+                title={title}
                 onDismiss={this.onDismiss}
                 bounds={this.modalBounds}
                 isHeightFixed={true}