render()

in components/FilterBar.tsx [41:74]

• 34 lines of code
• 6 McCabe index (conditional complexity)

	render() {
		const {filter, groupByAge, hideBaseline, hideLevel, showSuppression, showAge} = this.props
		return <AzFilterBar filter={filter}>
			<KeywordFilterBarItem filterItemKey="Keywords" placeholder="Filter by keyword" />
			{!hideBaseline && <AzDropdownFilterBarItem
				filterItemKey="Baseline"
				placeholder="Baseline"
				showPlaceholderAsLabel
				items={['New', 'Unchanged', 'Updated', 'Absent'].map(text => ({ id: text.toLowerCase(), text }))}
				selection={this.ms1}
				 />}
			{!hideLevel && <AzDropdownFilterBarItem
				filterItemKey="Level"
				placeholder="Level"
				showPlaceholderAsLabel
				items={['Error', 'Warning', 'Note', 'None'].map(text => ({ id: text.toLowerCase(), text }))}
				selection={this.ms2}
				 />}
			{showSuppression && <AzDropdownFilterBarItem
				filterItemKey="Suppression"
				placeholder="Suppression"
				showPlaceholderAsLabel
				items={['Unsuppressed', 'Suppressed'].map(text => ({ id: text.toLowerCase(), text }))}
				selection={this.msSuppression}
				 />}
			{showAge && !groupByAge && <AzDropdownFilterBarItem
				filterItemKey="Age"
				placeholder="Age"
				showPlaceholderAsLabel
				items={['Past SLA', 'Within SLA'].map(text => ({ id: text.toLowerCase(), text }))}
				selection={this.msAge}
				 />}
		</AzFilterBar>
	}