aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/tabs
diff options
context:
space:
mode:
authorAlexander Tseung <alextsg@gmail.com>2018-07-21 06:42:28 +0800
committerAlexander Tseung <alextsg@gmail.com>2018-08-23 05:12:01 +0800
commitd7d141cea54ba7bbeb2e7db9fb7ed54ce0733d4b (patch)
tree9d363938db3b45df02699ab7d2945bc22f675fd0 /ui/app/components/tabs
parent01c0c98501c02623b0cd650483d14c99566ce0af (diff)
downloadtangerine-wallet-browser-d7d141cea54ba7bbeb2e7db9fb7ed54ce0733d4b.tar.gz
tangerine-wallet-browser-d7d141cea54ba7bbeb2e7db9fb7ed54ce0733d4b.tar.zst
tangerine-wallet-browser-d7d141cea54ba7bbeb2e7db9fb7ed54ce0733d4b.zip
Fix code readability, use PureComponent over Component
Diffstat (limited to 'ui/app/components/tabs')
-rw-r--r--ui/app/components/tabs/tab/tab.component.js9
1 files changed, 7 insertions, 2 deletions
diff --git a/ui/app/components/tabs/tab/tab.component.js b/ui/app/components/tabs/tab/tab.component.js
index 481513233..9e590391c 100644
--- a/ui/app/components/tabs/tab/tab.component.js
+++ b/ui/app/components/tabs/tab/tab.component.js
@@ -8,8 +8,8 @@ const Tab = props => {
return (
<li
className={classnames(
- className || 'tab',
- isActive && (activeClassName || 'tab--active'),
+ className,
+ { [activeClassName]: isActive },
)}
onClick={event => {
event.preventDefault()
@@ -30,4 +30,9 @@ Tab.propTypes = {
activeClassName: PropTypes.string,
}
+Tab.defaultProps = {
+ className: 'tab',
+ activeClassName: 'tab--active',
+}
+
export default Tab