Use 'classnames' in TabBar to simplify an attribute
Brian Vaughn committed
Apr 7, 2019 at 09:51 UTC
252a87efe58771bde9bc85d7156f7015f9f484ef
1 file changed
+6
-3
src/devtools/views/TabBar.js
+6
-3
@@ -1,5 +1,6 @@
1
// @flow
2
3
+import classNames from 'classnames';
4
import React, { Fragment, useCallback } from 'react';
5
import Icon from './Icon';
6
@@ -60,9 +61,11 @@ export default function TabBar({
61
<Fragment>
62
{tabs.map(({ icon, id, label, title }) => (
63
<label
63
- className={`${tabClassName} ${
64
- disabled ? styles.TabDisabled : styles.Tab
65
- } ${!disabled && currentTab === id ? styles.TabCurrent : ''}`}
64
+ className={classNames(
65
+ tabClassName,
66
+ disabled ? styles.TabDisabled : styles.Tab,
67
+ !disabled && currentTab === id ? styles.TabCurrent : null
68
+ )}
69
key={id}
70
onKeyDown={handleKeyDown}
71
title={title || label}