public render()

in src/components/Bookmark/EditBookmark.tsx [109:133]


  public render() {
    const {
      name,
      index,
      annotation,
      active,
      onClick,
      shortestCommitPath,
      commitPathLength,
      selectedDepth,
      numLeadInStates,
      onDiscoveryTrailIndexClicked,
    } = this.props;

    const leadInStatesValue = numLeadInStates !== undefined ? `${numLeadInStates}` : 'all';
    const isIntroSet = numLeadInStates !== undefined;

    log('rendering commitPathLength=%s, selectedDepth=%s', this.props.commitPathLength, this.props.selectedDepth);
    return (
      <div
        className={`history-bookmark ${active ? 'selected' : ''}`}
        data-index={index}
      >
        <div className="bookmark-details-editable">
          <div style={{ display: 'flex', justifyContent: 'space-between' }} onClick={() => this.onClick()}>