Merge pull request Expensify#7851 from thesahindia/thesahindia/ux/rem…

…ove-emoji-picker-on-tablet remove emoji picker menu from tablets
Rakee08 · Feb 28, 2022 · 8266311 · 8266311
2 parents 53581fe + 60ddd0e
commit 8266311
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
@@ -44,6 +44,7 @@ import * as User from '../../../libs/actions/User';
 import Tooltip from '../../../components/Tooltip';
 import EmojiPickerButton from '../../../components/EmojiPicker/EmojiPickerButton';
 import VirtualKeyboard from '../../../libs/VirtualKeyboard';
+import canUseTouchScreen from '../../../libs/canUseTouchscreen';
 
 const propTypes = {
     /** Beta features list */
@@ -565,11 +566,13 @@ class ReportActionCompose extends React.Component {
                             </>
                         )}
                     </AttachmentModal>
-                    <EmojiPickerButton
-                        isDisabled={isBlockedFromConcierge || isArchivedChatRoom}
-                        onModalHide={() => this.focus(true)}
-                        onEmojiSelected={this.addEmojiToTextBox}
-                    />
+                    {canUseTouchScreen() && !this.props.isSmallScreenWidth ? null : (
+                        <EmojiPickerButton
+                            isDisabled={isBlockedFromConcierge || isArchivedChatRoom}
+                            onModalHide={() => this.focus(true)}
+                            onEmojiSelected={this.addEmojiToTextBox}
+                        />
+                    )}
                     <View style={[styles.justifyContentEnd]}>
                         <Tooltip text={this.props.translate('common.send')}>
                             <TouchableOpacity