From b651bbf898030e99d604e5609d6c207298413657 Mon Sep 17 00:00:00 2001
From: Prince Mendiratta <prince.mendi@gmail.com>
Date: Tue, 18 Apr 2023 08:35:11 +0530
Subject: [PATCH] fix: sort pronouns list alphabetically

Signed-off-by: Prince Mendiratta <prince.mendi@gmail.com>
---
 src/pages/settings/Profile/PronounsPage.js | 41 ++++++++++++----------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/pages/settings/Profile/PronounsPage.js b/src/pages/settings/Profile/PronounsPage.js
index 1b0a1f4188a4..88337c2f2bad 100644
--- a/src/pages/settings/Profile/PronounsPage.js
+++ b/src/pages/settings/Profile/PronounsPage.js
@@ -81,29 +81,32 @@ class PronounsPage extends Component {
     loadPronouns() {
         const currentPronouns = lodashGet(this.props.currentUserPersonalDetails, 'pronouns', '');
 
-        this.pronounsList = _.map(this.props.translate('pronouns'), (value, key) => {
-            const fullPronounKey = `${CONST.PRONOUNS.PREFIX}${key}`;
-            const isCurrentPronouns = fullPronounKey === currentPronouns;
-
-            if (isCurrentPronouns) {
-                this.initiallyFocusedOption = {
+        this.pronounsList = _.chain(this.props.translate('pronouns'))
+            .map((value, key) => {
+                const fullPronounKey = `${CONST.PRONOUNS.PREFIX}${key}`;
+                const isCurrentPronouns = fullPronounKey === currentPronouns;
+
+                if (isCurrentPronouns) {
+                    this.initiallyFocusedOption = {
+                        text: value,
+                        keyForList: key,
+                    };
+                }
+
+                return {
                     text: value,
+                    value: fullPronounKey,
                     keyForList: key,
-                };
-            }
 
-            return {
-                text: value,
-                value: fullPronounKey,
-                keyForList: key,
+                    // Include the green checkmark icon to indicate the currently selected value
+                    customIcon: isCurrentPronouns ? greenCheckmark : undefined,
 
-                // Include the green checkmark icon to indicate the currently selected value
-                customIcon: isCurrentPronouns ? greenCheckmark : undefined,
-
-                // This property will make the currently selected value have bold text
-                boldStyle: isCurrentPronouns,
-            };
-        });
+                    // This property will make the currently selected value have bold text
+                    boldStyle: isCurrentPronouns,
+                };
+            })
+            .sortBy(pronoun => pronoun.text.toLowerCase())
+            .value();
     }
 
     /**