public render()

in packages/roosterjs-react-command-bar/lib/components/LinkDialog.tsx [42:66]

• 24 lines of code
• 2 McCabe index (conditional complexity)

    public render(): JSX.Element {
        const { strings = {}, className } = this.props;

        return (
            <Dialog
                onDismiss={this.dismissDialog}
                dialogContentProps={{ type: DialogType.normal, title: strings[InsertLinkStringKeys.Title] }}
                hidden={false}
                modalProps={{ isBlocking: true }}
                className={css(Styles.modal, className)}
            >
                <TextField
                    label={strings[InsertLinkStringKeys.LinkFieldLabel] || "Link"}
                    componentRef={this.onLinkFieldRef}
                    onKeyDown={this.onLinkFieldKeyDown}
                    required={true}
                    onChange={this.onLinkFieldChanged}
                />
                <DialogFooter>
                    <PrimaryButton onClick={this.insertLink} text={strings[InsertLinkStringKeys.InsertButton] || "Insert"} disabled={this.state.insertButtonDisabled} />
                    <DefaultButton onClick={this.dismissDialog} text={strings[InsertLinkStringKeys.CancelButton] || "Cancel"} />
                </DialogFooter>
            </Dialog>
        );
    }