_renderNoIntegrationsContent() {

        // show the non integrations part only if fileRecordingsServiceEnabled
        // is enabled or when there are no integrations enabled
        if (!(this.props.fileRecordingsServiceEnabled
            || !this.props.integrationsEnabled)) {
            return null;
        }

        const { _dialogStyles, _styles: styles, isValidating, isVpaas, t } = this.props;

        const switchContent
            = this.props.integrationsEnabled
                ? (
                    <Switch
                        className = 'recording-switch'
                        disabled = { isValidating }
                        onValueChange = { this._onRecordingServiceSwitchChange }
                        style = { styles.switch }
                        trackColor = {{ false: ColorPalette.lightGrey }}
                        value = { this.props.selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE } />
                ) : null;

        const icon = isVpaas ? ICON_SHARE : JITSI_LOGO;
        return (
            <Container
                className = 'recording-header'
                key = 'noIntegrationSetting'
                style = { styles.header }>
                <div>
                    <label className = 'checkbox' for="audio-only">
                        { t('videoapi.recording.audioOnly') }
                        <input
                            type = { 'radio' }
                            id = 'audio-only'
                            checked = { true }
                            name = 'recordingMode'
                            // eslint-disable-next-line react/jsx-no-bind
                            onChange = { (e) => {
                                this.props.onRecordingModeChanged(e.target.value ? 'audio-only' : 'audio-video');
                            }

                            } />
                    </label>
                </div>
                <div>
                    <label className = 'checkbox' for="audio-video">
                        { t('videoapi.recording.audioVideo') }
                        <input
                            type = { 'radio' }
                            id = 'audio-video'
                            name = 'recordingMode'
                            // eslint-disable-next-line react/jsx-no-bind
                            onChange = { (e) => {
                                this.props.onRecordingModeChanged(e.target.value ? 'audio-video' : 'audio-only');
                            }

                            } />
                    </label>
                </div>
                <Text
                    className = 'recording-title'
                    style = {{
                        ..._dialogStyles.text,
                        ...styles.title
                    }}>
                    { t('recording.serviceDescription') }
                </Text>
                { switchContent }
            </Container>
        );
    }
/**
     * Renders the content in case no integrations were enabled.
     *
     * @returns {React$Component}
     */
Renders the content in case no integrations were enabled.
@returns {React$Component}
Renders the content in case no integrations were enabled . @returns { React$Component }
_renderNoIntegrationsContent() {
        if (!(this.props.fileRecordingsServiceEnabled
            || !this.props.integrationsEnabled)) {
            return null;
        }
        const { _dialogStyles, _styles: styles, isValidating, isVpaas, t } = this.props;
        const switchContent
            = this.props.integrationsEnabled
                ? (
                    <Switch
                        className = 'recording-switch'
                        disabled = { isValidating }
                        onValueChange = { this._onRecordingServiceSwitchChange }
                        style = { styles.switch }
                        trackColor = {{ false: ColorPalette.lightGrey }}
                        value = { this.props.selectedRecordingService === RECORDING_TYPES.JITSI_REC_SERVICE } />
                ) : null;
        const icon = isVpaas ? ICON_SHARE : JITSI_LOGO;
        return (
            <Container
                className = 'recording-header'
                key = 'noIntegrationSetting'
                style = { styles.header }>
                <div>
                    <label className = 'checkbox' for="audio-only">
                        { t('videoapi.recording.audioOnly') }
                        <input
                            type = { 'radio' }
                            id = 'audio-only'
                            checked = { true }
                            name = 'recordingMode'
                            onChange = { (e) => {
                                this.props.onRecordingModeChanged(e.target.value ? 'audio-only' : 'audio-video');
                            }
                            } />
                    </label>
                </div>
                <div>
                    <label className = 'checkbox' for="audio-video">
                        { t('videoapi.recording.audioVideo') }
                        <input
                            type = { 'radio' }
                            id = 'audio-video'
                            name = 'recordingMode'
                            onChange = { (e) => {
                                this.props.onRecordingModeChanged(e.target.value ? 'audio-video' : 'audio-only');
                            }
                            } />
                    </label>
                </div>
                <Text
                    className = 'recording-title'
                    style = {{
                        ..._dialogStyles.text,
                        ...styles.title
                    }}>
                    { t('recording.serviceDescription') }
                </Text>
                { switchContent }
            </Container>
        );
    }
_renderNoIntegrationsContent ( ) { if ( ! ( this . props . fileRecordingsServiceEnabled || ! this . props . integrationsEnabled ) ) { return null ; } const { _dialogStyles , _styles : styles , isValidating , isVpaas , t } = this . props ; const switchContent = this . props . integrationsEnabled ? ( < Switch className = 'recording-switch' disabled = { isValidating } onValueChange = { this . _onRecordingServiceSwitchChange } style = { styles . switch } trackColor = { { false : ColorPalette . lightGrey } } value = { this . props . selectedRecordingService === RECORDING_TYPES . JITSI_REC_SERVICE } / > ) : null ; const icon = isVpaas ? ICON_SHARE : JITSI_LOGO ; return ( < Container className = 'recording-header' key = 'noIntegrationSetting' style = { styles . header } > < div > < label className = 'checkbox' for = "audio-only" > { t ( 'videoapi.recording.audioOnly' ) } < input type = { 'radio' } id = 'audio-only' checked = { true } name = 'recordingMode' onChange = { ( e ) => { this . props . onRecordingModeChanged ( e . target . value ? 'audio-only' : 'audio-video' ) ; } } / > < / label > < / div > < div > < label className = 'checkbox' for = "audio-video" > { t ( 'videoapi.recording.audioVideo' ) } < input type = { 'radio' } id = 'audio-video' name = 'recordingMode' onChange = { ( e ) => { this . props . onRecordingModeChanged ( e . target . value ? 'audio-video' : 'audio-only' ) ; } } / > < / label > < / div > < Text className = 'recording-title' style = { { ... _dialogStyles . text , ... styles . title } } > { t ( 'recording.serviceDescription' ) } < / Text > { switchContent } < / Container > ) ; }
Renders the content in case no integrations were enabled.
Renders the content in case no integrations were enabled .
// show the non integrations part only if fileRecordingsServiceEnabled // is enabled or when there are no integrations enabled // eslint-disable-next-line react/jsx-no-bind // eslint-disable-next-line react/jsx-no-bind