public render()

in packages/dag-history-component/src/components/StateList/index.tsx [25:69]

• 41 lines of code
• 4 McCabe index (conditional complexity)

	public render() {
		const {
			states,
			activeStateId,
			onStateClick,
			onStateContinuationClick,
			renderBookmarks,
			onStateBookmarkClick,
		} = this.props

		const handleClick = (id: StateId) => {
			if (onStateClick) {
				onStateClick(id)
			}
		}

		const handleContinuationClick = (id: StateId) => {
			if (onStateContinuationClick) {
				onStateContinuationClick(id)
			}
		}

		const handleBookmarkClick = (id: StateId) => {
			if (onStateBookmarkClick) {
				onStateBookmarkClick(id)
			}
		}

		const stateViews = states.map((s, index) => (
			<CSSTransition
				key={s.id}
				classNames="state-entry"
				timeout={{ enter: 250, exit: 250 }}
			>
				<State
					{...s}
					{...{ renderBookmarks }}
					onClick={id => handleClick(id)}
					onContinuationClick={id => handleContinuationClick(id)}
					onBookmarkClick={id => handleBookmarkClick(id)}
				/>
			</CSSTransition>
		))
		return (
			<Container innerRef={(e: HTMLDivElement) => (this.containerDiv = e)}>