feat(native-participants-pane) simplified props for hiding header with navigation

react/features/base/modal/components/JitsiModal.js

@@ -50,6 +50,11 @@ type Props = {
      */
     headerProps: Object,
 
+    /**
+     * True if the header with navigation should be hidden, false otherwise.
+     */
+    hideHeaderWithNavigation?: boolean,
+
     /**
      * The ID of the modal that is being rendered. This is used to show/hide the modal.
      */
@@ -66,11 +71,6 @@ type Props = {
      */
     position?: string,
 
-    /**
-     * True if the header with navigation should be shown, false otherwise.
-     */
-    showHeaderWithNavigation: boolean,
-
     /**
      * Additional style to be appended to the View containing the content of the modal.
      */
@@ -83,7 +83,8 @@ type Props = {
  */
 class JitsiModal extends PureComponent<Props> {
     static defaultProps = {
-        position: 'bottom'
+        position: 'bottom',
+        hideHeaderWithNavigation: false
     };
 
     /**
@@ -111,7 +112,7 @@ class JitsiModal extends PureComponent<Props> {
             footerComponent,
             headerProps,
             position,
-            showHeaderWithNavigation,
+            hideHeaderWithNavigation,
             style
         } = this.props;
 
@@ -132,10 +133,10 @@ class JitsiModal extends PureComponent<Props> {
                         _styles.page,
                         style
                     ] }>
-                    {showHeaderWithNavigation
+                    <HeaderWithNavigation
-                    && <HeaderWithNavigation
                         { ...headerProps }
-                        onPressBack = { this._onRequestClose } />}
+                        hideHeaderWithNavigation = { hideHeaderWithNavigation }
+                        onPressBack = { this._onRequestClose } />
                     <SafeAreaView style = { styles.safeArea }>
                         { children }
                     </SafeAreaView>

react/features/base/react/components/native/HeaderWithNavigation.js

@@ -27,6 +27,11 @@ type Props = {
      */
     headerLabelKey: ?string,
 
+    /**
+     * True if the header with navigation should be hidden, false otherwise.
+     */
+    hideHeaderWithNavigation?: boolean,
+
     /**
      * Callback to be invoked on pressing the back button.
      */
@@ -48,17 +53,22 @@ class HeaderWithNavigation extends Component<Props> {
      * @inheritdoc
      */
     render() {
-        const { onPressBack, onPressForward } = this.props;
+        const { hideHeaderWithNavigation, onPressBack, onPressForward } = this.props;
 
         return (
-            <Header>
+            <>
-                { onPressBack && <BackButton onPress = { onPressBack } /> }
+                {
-                <HeaderLabel labelKey = { this.props.headerLabelKey } />
+                    !hideHeaderWithNavigation
-                { onPressForward && <ForwardButton
+                    && <Header>
-                    disabled = { this.props.forwardDisabled }
+                        { onPressBack && <BackButton onPress = { onPressBack } /> }
-                    labelKey = { this.props.forwardLabelKey }
+                        <HeaderLabel labelKey = { this.props.headerLabelKey } />
-                    onPress = { onPressForward } /> }
+                        { onPressForward && <ForwardButton
-            </Header>
+                            disabled = { this.props.forwardDisabled }
+                            labelKey = { this.props.forwardLabelKey }
+                            onPress = { onPressForward } /> }
+                    </Header>
+                }
+            </>
         );
     }
 }

react/features/chat/components/native/Chat.js

@@ -44,8 +44,7 @@ class Chat extends AbstractChat<Props> {
                     headerLabelKey: 'chat.title'
                 }}
                 modalId = { CHAT_VIEW_MODAL_ID }
-                onClose = { this._onClose }
+                onClose = { this._onClose }>
-                showHeaderWithNavigation = { true }>
 
                 <MessageContainer messages = { this.props._messages } />
                 <MessageRecipient />

react/features/etherpad/components/native/SharedDocument.js

@@ -78,7 +78,6 @@ class SharedDocument extends PureComponent<Props> {
                     headerLabelKey: 'documentSharing.title'
                 }}
                 modalId = { SHARE_DOCUMENT_VIEW_ID }
-                showHeaderWithNavigation = { true }
                 style = { styles.webView }>
                 <WebView
                     onError = { this._onError }

react/features/help/components/HelpView.js

@@ -33,8 +33,7 @@ class HelpView extends PureComponent<Props> {
                 headerProps = {{
                     headerLabelKey: 'helpView.header'
                 }}
-                modalId = { HELP_VIEW_MODAL_ID }
+                modalId = { HELP_VIEW_MODAL_ID }>
-                showHeaderWithNavigation = { true }>
                 <WebView source = {{ uri: this.props._url }} />
             </JitsiModal>
         );

react/features/invite/components/add-people-dialog/native/AddPeopleDialog.js

@@ -176,8 +176,7 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<Props, State> {
                     headerLabelKey: 'inviteDialog.header',
                     onPressForward: this._onInvite
                 }}
-                modalId = { ADD_PEOPLE_DIALOG_VIEW_ID }
+                modalId = { ADD_PEOPLE_DIALOG_VIEW_ID }>
-                showHeaderWithNavigation = { true }>
                 <View
                     style = { styles.searchFieldWrapper }>
                     <View style = { styles.searchIconWrapper }>

react/features/invite/components/dial-in-summary/native/DialInSummary.js

@@ -58,7 +58,6 @@ class DialInSummary extends Component<Props> {
                     headerLabelKey: 'info.label'
                 }}
                 modalId = { DIAL_IN_SUMMARY_VIEW_ID }
-                showHeaderWithNavigation = { true }
                 style = { styles.backDrop }>
                 <WebView
                     onError = { this._onError }

react/features/participants-pane/components/native/ParticipantsPane.js

@@ -32,7 +32,7 @@ export function ParticipantsPane() {
 
     return (
         <JitsiModal
-            showHeaderWithNavigation = { false }
+            hideHeaderWithNavigation = { true }
             style = { styles.participantsPane }>
             <View style = { styles.header }>
                 <Button

react/features/settings/components/native/SettingsView.js

@@ -158,8 +158,7 @@ class SettingsView extends AbstractSettingsView<Props, State> {
                     headerLabelKey: 'settingsView.header'
                 }}
                 modalId = { SETTINGS_VIEW_ID }
-                onClose = { this._onClose }
+                onClose = { this._onClose }>
-                showHeaderWithNavigation = { true }>
                 <ScrollView>
                     <FormSectionAccordion
                         accordion = { false }