Merge pull request #49193 from Krishna2323/krishna2323/issue/48418

Expensify · Sep 20, 2024 · 33d7127 · 33d7127
2 parents c741ac3 + a4cc1d2
commit 33d7127
Showing 1 changed file with 8 additions and 24 deletions.
diff --git a/src/pages/settings/Profile/ProfilePage.tsx b/src/pages/settings/Profile/ProfilePage.tsx
@@ -3,19 +3,16 @@ import {View} from 'react-native';
 import {useOnyx} from 'react-native-onyx';
 import AvatarSkeleton from '@components/AvatarSkeleton';
 import AvatarWithImagePicker from '@components/AvatarWithImagePicker';
+import Button from '@components/Button';
 import FullScreenLoadingIndicator from '@components/FullscreenLoadingIndicator';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
-import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
 import * as Illustrations from '@components/Icon/Illustrations';
 import MenuItemGroup from '@components/MenuItemGroup';
 import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
-import {PressableWithFeedback} from '@components/Pressable';
 import ScreenWrapper from '@components/ScreenWrapper';
 import ScrollView from '@components/ScrollView';
 import Section from '@components/Section';
-import Text from '@components/Text';
-import Tooltip from '@components/Tooltip';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useLocalize from '@hooks/useLocalize';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
@@ -26,7 +23,6 @@ import * as LocalePhoneNumber from '@libs/LocalePhoneNumber';
 import Navigation from '@libs/Navigation/Navigation';
 import * as PersonalDetailsUtils from '@libs/PersonalDetailsUtils';
 import * as UserUtils from '@libs/UserUtils';
-import variables from '@styles/variables';
 import * as PersonalDetails from '@userActions/PersonalDetails';
 import CONST from '@src/CONST';
 import type {TranslationPaths} from '@src/languages/types';
@@ -169,25 +165,13 @@ function ProfilePage() {
                                     brickRoadIndicator={detail.brickRoadIndicator}
                                 />
                             ))}
-                            <View style={[styles.alignSelfStart, styles.pt3]}>
-                                <Tooltip text={translate('common.shareCode')}>
-                                    <PressableWithFeedback
-                                        accessibilityLabel={translate('common.shareCode')}
-                                        accessibilityRole="button"
-                                        accessible
-                                        onPress={() => Navigation.navigate(ROUTES.SETTINGS_SHARE_CODE)}
-                                        style={[styles.button, styles.flexRow, styles.gap1, styles.ph4]}
-                                    >
-                                        <Icon
-                                            src={Expensicons.QrCode}
-                                            width={variables.iconSizeNormal}
-                                            height={variables.iconSizeNormal}
-                                            fill={theme.icon}
-                                        />
-                                        <Text style={styles.buttonText}>{translate('common.share')}</Text>
-                                    </PressableWithFeedback>
-                                </Tooltip>
-                            </View>
+                            <Button
+                                accessibilityLabel={translate('common.shareCode')}
+                                text={translate('common.share')}
+                                onPress={() => Navigation.navigate(ROUTES.SETTINGS_SHARE_CODE)}
+                                icon={Expensicons.QrCode}
+                                style={[styles.alignSelfStart, styles.mt6]}
+                            />
                         </Section>
                         <Section
                             title={translate('profilePage.privateSection.title')}