Merge pull request #19597 from Skalakid/17015-migrate-SidebarLinks

17015 - migrate SidebarLinks to PressableWithoutFeedback
Expensify · Jun 5, 2023 · f36d9f2 · f36d9f2
2 parents 132358f + 32985d5
commit f36d9f2
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/pages/home/sidebar/SidebarLinks.js b/src/pages/home/sidebar/SidebarLinks.js
@@ -1,7 +1,7 @@
 /* eslint-disable rulesdir/onyx-props-must-have-default */
 import lodashGet from 'lodash/get';
 import React from 'react';
-import {View, TouchableOpacity} from 'react-native';
+import {View} from 'react-native';
 import _ from 'underscore';
 import PropTypes from 'prop-types';
 import {withOnyx} from 'react-native-onyx';
@@ -33,6 +33,7 @@ import defaultTheme from '../../../styles/themes/default';
 import OptionsListSkeletonView from '../../../components/OptionsListSkeletonView';
 import variables from '../../../styles/variables';
 import LogoComponent from '../../../../assets/images/expensify-wordmark.svg';
+import PressableWithoutFeedback from '../../../components/Pressable/PressableWithoutFeedback';
 import * as Session from '../../../libs/actions/Session';
 import Button from '../../../components/Button';
 import * as UserUtils from '../../../libs/UserUtils';
@@ -166,16 +167,16 @@ class SidebarLinks extends React.Component {
                         shouldShowEnvironmentBadge
                     />
                     <Tooltip text={this.props.translate('common.search')}>
-                        <TouchableOpacity
+                        <PressableWithoutFeedback
                             accessibilityLabel={this.props.translate('sidebarScreen.buttonSearch')}
                             accessibilityRole="button"
                             style={[styles.flexRow, styles.ph5]}
                             onPress={Session.checkIfActionIsAllowed(this.showSearchPage)}
                         >
                             <Icon src={Expensicons.MagnifyingGlass} />
-                        </TouchableOpacity>
+                        </PressableWithoutFeedback>
                     </Tooltip>
-                    <TouchableOpacity
+                    <PressableWithoutFeedback
                         accessibilityLabel={this.props.translate('sidebarScreen.buttonMySettings')}
                         accessibilityRole="button"
                         onPress={Session.checkIfActionIsAllowed(this.showSettingsPage)}
@@ -197,7 +198,7 @@ class SidebarLinks extends React.Component {
                                 />
                             </OfflineWithFeedback>
                         )}
-                    </TouchableOpacity>
+                    </PressableWithoutFeedback>
                 </View>
                 <Freeze
                     freeze={shouldFreeze}