render()

in react/features/recording/components/LiveStream/native/StreamKeyForm.js [53:137]
84 lines of code
2 McCabe index (conditional complexity)

    render() {
        const { _dialogStyles, t } = this.props;

        return (
            <View style = { styles.formWrapper }>
                <Text
                    style = { [
                        _dialogStyles.text,
                        styles.text,
                        styles.streamKeyInputLabel
                    ] }>
                    {
                        t('dialog.streamKey')
                    }
                </Text>
                <TextInput
                    onChangeText = { this._onInputChange }
                    placeholder = { t('liveStreaming.enterStreamKey') }
                    placeholderTextColor = { PLACEHOLDER_COLOR }
                    style = { [
                        _dialogStyles.text,
                        styles.streamKeyInput
                    ] }
                    value = { this.props.value } />
                <View style = { styles.formFooter }>
                    {
                        this.state.showValidationError
                            ? <View style = { styles.formFooterItem }>
                                <Text
                                    style = { [
                                        _dialogStyles.text,
                                        styles.warningText
                                    ] }>
                                    { t('liveStreaming.invalidStreamKey') }
                                </Text>
                            </View>
                            : null
                    }
                    <View style = { styles.formFooterItem }>
                        <TouchableOpacity
                            onPress = { this._onOpenHelp }
                            style = { styles.streamKeyHelp } >
                            <Text
                                style = { [
                                    _dialogStyles.text,
                                    styles.text
                                ] }>
                                {
                                    t('liveStreaming.streamIdHelp')
                                }
                            </Text>
                        </TouchableOpacity>
                    </View>
                </View>
                <View>
                    <TouchableOpacity onPress = { this._onOpenYoutubeTerms }>
                        <Text
                            style = { [
                                _dialogStyles.text,
                                styles.text,
                                styles.tcText
                            ] }>
                            {
                                t('liveStreaming.youtubeTerms')
                            }
                        </Text>
                    </TouchableOpacity>
                </View>
                <View>
                    <TouchableOpacity onPress = { this._onOpenGooglePrivacyPolicy }>
                        <Text
                            style = { [
                                _dialogStyles.text,
                                styles.text,
                                styles.tcText
                            ] }>
                            {
                                t('liveStreaming.googlePrivacyPolicy')
                            }
                        </Text>
                    </TouchableOpacity>
                </View>
            </View>
        );
    }