Use 'classnames' in TabBar to simplify an attribute

This commit is contained in:
Brian Vaughn
2019-04-07 09:51:54 -07:00
parent 9255ad1025
commit 252a87efe5
+6 -3
View File
@@ -1,5 +1,6 @@
// @flow
import classNames from 'classnames';
import React, { Fragment, useCallback } from 'react';
import Icon from './Icon';
@@ -60,9 +61,11 @@ export default function TabBar({
<Fragment>
{tabs.map(({ icon, id, label, title }) => (
<label
className={`${tabClassName} ${
disabled ? styles.TabDisabled : styles.Tab
} ${!disabled && currentTab === id ? styles.TabCurrent : ''}`}
className={classNames(
tabClassName,
disabled ? styles.TabDisabled : styles.Tab,
!disabled && currentTab === id ? styles.TabCurrent : null
)}
key={id}
onKeyDown={handleKeyDown}
title={title || label}