Merge pull request Expensify#23772 from hungvu193/fix-23113

fix redundant api call on priority page

src/pages/settings/Preferences/PriorityModePage.js

@@ -1,5 +1,5 @@
 import _, {compose} from 'underscore';
-import React from 'react';
+import React, {useCallback} from 'react';
 import {withOnyx} from 'react-native-onyx';
 import PropTypes from 'prop-types';
 import HeaderWithBackButton from '../../../components/HeaderWithBackButton';
@@ -37,6 +37,17 @@ function PriorityModePage(props) {
         isSelected: props.priorityMode === key,
     }));
 
+    const updateMode = useCallback(
+        (mode) => {
+            if (mode.value === props.priorityMode) {
+                Navigation.navigate(ROUTES.SETTINGS_PREFERENCES);
+                return;
+            }
+            User.updateChatPriorityMode(mode.value);
+        },
+        [props.priorityMode],
+    );
+
     return (
         <ScreenWrapper includeSafeAreaPaddingBottom={false}>
             <HeaderWithBackButton
@@ -46,7 +57,7 @@ function PriorityModePage(props) {
             <Text style={[styles.mh5, styles.mv4]}>{props.translate('priorityModePage.explainerText')}</Text>
             <SelectionListRadio
                 sections={[{data: priorityModes}]}
-                onSelectRow={(mode) => User.updateChatPriorityMode(mode.value)}
+                onSelectRow={updateMode}
                 initiallyFocusedOptionKey={_.find(priorityModes, (mode) => mode.isSelected).keyForList}
             />
         </ScreenWrapper>