render()

in src/search/HistorySearch.js [44:66]

• 23 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    return (
      <div className="HistorySearch" hidden={this.props.value !== this.props.index}>
        <div className="search-text-field">
          <form noValidate autoComlete="off">
            <TextField
              variant="outlined"
              label="Search"
              id="searchField"
              fullWidth
              onChange={this.handleSearch}
              helperText="Keyword includes metadata(account id, voice connector id, phone number, header, timestamp, etc) or Transcription"
            />
          </form>
        </div>
        <div>
          {this.state.metadata.map((r, i) => {
            return <StreamingRecord key={i} metadata={r} keyword={this.state.currInput} />;
          })}
        </div>
      </div>
    );
  }