From bfc93c7697f41b0cc1ef8f86362080f978827cb8 Mon Sep 17 00:00:00 2001
From: PrashantKumar Mangukiya <pbmangukiya@gmail.com>
Date: Tue, 28 Mar 2023 08:31:27 +0530
Subject: [PATCH] Add Placeholder text and No results found message on Pronoun
 Search Page

---
 src/languages/en.js                        | 1 +
 src/languages/es.js                        | 1 +
 src/pages/settings/Profile/PronounsPage.js | 3 +++
 3 files changed, 5 insertions(+)

diff --git a/src/languages/en.js b/src/languages/en.js
index de94fc63e83..36d98a0d609 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -348,6 +348,7 @@ export default {
     pronounsPage: {
         pronouns: 'Pronouns',
         isShownOnProfile: 'Your pronouns are shown on your profile.',
+        placeholderText: 'Search to see options',
     },
     contacts: {
         contactMethod: 'Contact method',
diff --git a/src/languages/es.js b/src/languages/es.js
index be0090cbcf7..35b4c8f3c85 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -347,6 +347,7 @@ export default {
     pronounsPage: {
         pronouns: 'Pronombres',
         isShownOnProfile: 'Tus pronombres se muestran en tu perfil.',
+        placeholderText: 'Buscar para ver opciones',
     },
     contacts: {
         contactMethod: 'Método de contacto',
diff --git a/src/pages/settings/Profile/PronounsPage.js b/src/pages/settings/Profile/PronounsPage.js
index aeadeb32a88..c5f398927b1 100644
--- a/src/pages/settings/Profile/PronounsPage.js
+++ b/src/pages/settings/Profile/PronounsPage.js
@@ -106,6 +106,7 @@ class PronounsPage extends Component {
 
     render() {
         const filteredPronounsList = this.getFilteredPronouns();
+        const headerMessage = this.state.searchValue.trim() && !filteredPronounsList.length ? this.props.translate('common.noResultsFound') : '';
 
         return (
             <ScreenWrapper includeSafeAreaPaddingBottom={false}>
@@ -122,6 +123,8 @@ class PronounsPage extends Component {
                         </Text>
                         <OptionsSelector
                             textInputLabel={this.props.translate('pronounsPage.pronouns')}
+                            placeholderText={this.props.translate('pronounsPage.placeholderText')}
+                            headerMessage={headerMessage}
                             sections={[{data: filteredPronounsList}]}
                             value={this.state.searchValue}
                             onSelectRow={this.updatePronouns}