Method render

app/components/discussions/SearchDiscussions.tsx:61–115

()

  }

  public render() {
    const { open, title, store } = this.props;

    return (
      <Dialog
        onClose={this.handleClose}
        aria-labelledby="simple-dialog-title"
        open={open}
        fullWidth
        maxWidth="md"
      >
        <DialogTitle id="simple-dialog-title" style={{ marginBottom: '0px' }}>
          {title}
        </DialogTitle>
        <DialogContent>
          <form
            onSubmit={(event) => {
              event.preventDefault();
              this.search();
            }}
          >
            <TextField
              disabled
              fullWidth
              placeholder="Search query"
              autoComplete="off"
              value={this.state.query}
              onChange={(event) => {
                this.setState({ query: event.target.value });
              }}
            />
            <p />
            {this.state.isSearching ? <p>Searching...</p> : null}
            <p />
            <br />
            {this.renderResult()}
            <p />
            <br />
            <DialogActions>
              <Button
                variant="outlined"
                onClick={this.handleClose}
                style={{
                  color: store.currentUser.showDarkTheme ? '#fff' : '#000',
                  border: store.currentUser.showDarkTheme ? '1px solid #fff' : '1px solid #000',
                }}
              >
                Close
              </Button>
            </DialogActions>
          </form>
        </DialogContent>
      </Dialog>
    );
  }

  private renderResult() {
    const { teamId, store } = this.props;