render()

in karavan-space/src/designer/route/property/KubernetesSelector.tsx [209:242]

• 34 lines of code
• 4 McCabe index (conditional complexity)

    render() {
        const tabIndex = this.state.tabIndex;
        return (
            <Modal
                aria-label="Select from Kubernetes"
                width={'50%'}
                className='dsl-modal'
                isOpen={this.props.isOpen}
                onClose={this.props.onClose}
                header={
                    <Flex direction={{default: "column"}}>
                        <FlexItem>
                            <h3>{"Select from Kubernetes"}</h3>
                            {this.searchInput()}
                        </FlexItem>
                        <FlexItem>
                            <Tabs style={{overflow: 'hidden'}} activeKey={this.state.tabIndex} onSelect={this.selectTab}>
                                <Tab eventKey={"configMap"} key={"configMap"} title={<TabTitleText>ConfigMaps</TabTitleText>} />
                                <Tab eventKey={"secret"} key={"secret"} title={<TabTitleText>Secrets</TabTitleText>} />
                                <Tab eventKey={"service"} key={"service"} title={<TabTitleText>Services</TabTitleText>} />
                            </Tabs>
                        </FlexItem>
                    </Flex>
                }
                actions={{}}>
                <PageSection variant={this.props.dark ? "darker" : "light"}>
                    {this.searchInput()}
                    {tabIndex === 'configMap' && this.getConfigMapTable()}
                    {tabIndex === 'secret' && this.getSecretsTable()}
                    {tabIndex === 'service' && this.getServicesTable()}
                </PageSection>
            </Modal>
        )
    }