chore: change select native to include boolean value

deriv-com · Nov 13, 2024 · 40874bf · 40874bf
1 parent de4f4e1
commit 40874bf
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/packages/account/src/Components/forms/form-select-field.tsx b/packages/account/src/Components/forms/form-select-field.tsx
@@ -7,6 +7,7 @@ import { useDevice } from '@deriv-com/ui';
 type TFormSelectField = TGetField & {
     onItemSelection?: (item: TListItem) => void;
     list_height?: string;
+    is_country_code_dropdown?: boolean;
 };
 
 type TSetFieldValue = (
@@ -24,6 +25,7 @@ const FormSelectField: FC<TFormSelectField> = ({
     onItemSelection,
     placeholder,
     list_height,
+    is_country_code_dropdown = false,
 }) => {
     const { isDesktop } = useDevice();
     const onSelect =
@@ -47,6 +49,7 @@ const FormSelectField: FC<TFormSelectField> = ({
                             disabled={disabled}
                             error={touched ? error : undefined}
                             use_text
+                            is_country_code_dropdown={is_country_code_dropdown}
                             data-testid={`dt_${field.name}`}
                         />
                     ) : (

diff --git a/packages/account/src/Sections/Profile/PersonalDetails/personal-details-form.tsx b/packages/account/src/Sections/Profile/PersonalDetails/personal-details-form.tsx
@@ -509,6 +509,7 @@ const PersonalDetailsForm = observer(() => {
                                                         label={localize('Code*')}
                                                         name='calling_country_code'
                                                         list_items={formatted_countries_list_for_core}
+                                                        is_country_code_dropdown
                                                         onItemSelection={country_list => {
                                                             setFieldValue(
                                                                 'calling_country_code',

diff --git a/packages/components/src/components/select-native/select-native.tsx b/packages/components/src/components/select-native/select-native.tsx
@@ -15,6 +15,7 @@ type TSelectNative = {
     should_show_empty_option?: boolean;
     suffix_icon?: string;
     data_testid?: string;
+    is_country_code_dropdown?: boolean;
     hide_selected_value?: boolean;
     hide_top_placeholder?: boolean;
     value?: string | number;
@@ -101,6 +102,7 @@ const SelectNative = ({
     label,
     list_items,
     placeholder,
+    is_country_code_dropdown,
     should_hide_disabled_options = true,
     should_show_empty_option = true,
     suffix_icon,
@@ -176,7 +178,7 @@ const SelectNative = ({
                                 <SelectNativeOptions
                                     list_items={list_items}
                                     should_hide_disabled_options={should_hide_disabled_options}
-                                    use_text={use_text && label !== 'Code*'}
+                                    use_text={use_text && !is_country_code_dropdown}
                                 />
                             </React.Fragment>
                         ) : (