render()

in source/aws-connect-vm-portal/src/agents/AgentSettings.js [136:224]
87 lines of code
9 McCabe index (conditional complexity)

    render() {
        let classes = this.props.classes;

        let transcribe = this.formValueForKey("transcribeVoicemail", this.props.agent.transcribeVoicemail);
        let encrypt = this.formValueForKey("encryptVoicemail", this.props.agent.encryptVoicemail);
        let deliverEmail = this.formValueForKey("deliverEmail", this.props.agent.deliverEmail);
        let deliverSMS = this.formValueForKey("deliverSMS", this.props.agent.deliverSMS);
        let extensionNumber = this.formValueForKey("extensionNumber", this.props.agent.extension);
        let deliverSMSPhoneNumber = this.formValueForKey("deliverSMSPhoneNumber", this.props.agent.deliverSMSPhoneNumber);

        return (
            <div>
                <h6 className={classes.title}>Agent Voicemail Settings</h6>
                <Grid className={classes.userInfo} container direction={"column"}>
                    <FormControl>
                        <InputLabel htmlFor="agent-name">Name</InputLabel>
                        <Input id="agent-name" disableUnderline={true} readOnly={true} value={this.props.agent.firstName + " " + this.props.agent.lastName}/>
                    </FormControl>
                    <FormControl>
                        <InputLabel htmlFor="phone-type">Email</InputLabel>
                        <Input id="agent-email" disableUnderline={true} readOnly={true} value={this.props.agent.email ? this.props.agent.email : this.props.agent.username}/>
                    </FormControl>
                    <FormControl>
                        <InputLabel htmlFor="phone-type">Phone Type</InputLabel>
                        <Input id="phone-type" disableUnderline={true} readOnly={true} value={this.props.agent.phoneType}/>
                    </FormControl>
                    {this.props.agent.phoneType === "Desk Phone" ?
                        <FormControl>
                            <InputLabel htmlFor="phone-number">Phone Number</InputLabel>
                            <Input id="phone-number" disableUnderline={true} readOnly={true} value={this.props.agent.phoneNumber}/>
                        </FormControl> : null
                    }
                </Grid>
                <div>
                    <Grid className={classes.padTop} container direction="row" justify="flex-start">
                        <Grid item>
                            <FormControlCheckBox label="Transcribe" name="transcribeVoicemail" id="transcribe"
                                                 onChange={this.handleCheckBoxChange} checked={transcribe}/>
                        </Grid>
                        <Grid item>
                            <FormControlCheckBox label="Encrypt" name="encryptVoicemail" id="encrypt"
                                                 onChange={this.handleCheckBoxChange} checked={encrypt}/>
                        </Grid>
                    </Grid>
                    <TextField
                        name="extensionNumber"
                        inputProps={{ maxlength: "5" }}
                        disabled={this.props.loading || this.props.saving}
                        className={classes.textField}
                        fullWidth={true}
                        onChange={this.handleExtensionNumberChange}
                        value={extensionNumber || ""}
                        label={"Extension"}/>
                    <p>Delivery Options</p>
                    <Grid container direction="column" justify="flex-start">
                        <Grid item>
                            <FormControlCheckBox label="Email" name="deliverEmail" id="deliverEmail"
                                                 onChange={this.handleCheckBoxChange} checked={deliverEmail}/>
                        </Grid>
                        <Grid item>
                            <FormControlCheckBox label="SMS" name="deliverSMS" id="deliverSMS"
                                                 onChange={this.handleCheckBoxChange} checked={deliverSMS}/>
                        </Grid>
                    </Grid>
                    {deliverSMS ?
                        <MuiPhoneInput
                            placeholder="Phone Number for SMS"
                            onChange={this.phoneNumberInputChange}
                            defaultCountry={'us'}
                            disableAreaCodes={true}
                            onlyCountries={this.props.availableSMSCountries}
                            countryCodeEditable={false}
                            autoFormat={true}
                            value={deliverSMSPhoneNumber || ""}
                        /> : null
                    }
                </div>
                <p>{}</p>
                {(this.props.agentUpdateError || this.state.validationError) ?
                    <p className={classes.error}>
                        {this.props.agentUpdateError || this.state.validationError}
                    </p> :
                    null
                }
                <Grid container spacing={5} direction="row">
                    <Grid item>
                        <Button color="secondary" onClick={() => {
                            this.props.showAgent(false)
                        }}>Cancel</Button>