feat: ReportActionCompose allow autoFocus to be configurable from par…

…ents
kidroca · Apr 5, 2021 · 2f4a7ea · 2f4a7ea
1 parent b2177a6
commit 2f4a7ea
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
@@ -28,6 +28,9 @@ const propTypes = {
     // The ID of the report actions will be created for
     reportID: PropTypes.number.isRequired,
 
+    // Should the input focus on mount
+    autoFocus: PropTypes.bool.isRequired,
+
     // Details about any modals being used
     modal: PropTypes.shape({
         // Indicates if there is a modal currently visible or not
@@ -62,7 +65,7 @@ class ReportActionCompose extends React.Component {
         this.comment = props.comment;
 
         this.state = {
-            isFocused: true,
+            isFocused: this.props.autoFocus,
             textInputShouldClear: false,
             isCommentEmpty: props.comment.length === 0,
             isMenuVisible: false,
@@ -243,7 +246,7 @@ class ReportActionCompose extends React.Component {
                                     )}
                                 </AttachmentPicker>
                                 <TextInputFocusable
-                                    autoFocus
+                                    autoFocus={this.props.autoFocus}
                                     multiline
                                     ref={el => this.textInput = el}
                                     textAlignVertical="top"