fix: files tab button fix

ipfs · Jun 3, 2020 · d101be3 · d101be3
1 parent 71763a2
commit d101be3
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src/files/header/Header.js b/src/files/header/Header.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import classNames from 'classnames'
 import filesize from 'filesize'
 import SimplifyNumber from 'simplify-number'
 import { connect } from 'redux-bundler-react'
@@ -10,16 +11,13 @@ import Button from '../../components/button/Button'
 // Icons
 import GlyphDots from '../../icons/GlyphDots'
 
-function BarOption ({ children, title, isLink = false, className = '', ...etc }) {
-  className += ' tc pa3'
-
-  if (etc.onClick) className += ' pointer'
-
+function BarOption ({ children, title, isLink = false, className = '', onClick, ...etc }) {
+  const BarOptionsWrapper = onClick ? 'button' : 'div'
   return (
-    <div className={className} {...etc}>
+    <BarOptionsWrapper className={classNames(className, 'tc pa3')} onClick={onClick} {...etc}>
       <span className='nowrap db f4 navy'>{children}</span>
       <span className={`db ttl ${isLink ? 'navy underline' : 'gray'}`}>{title}</span>
-    </div>
+    </BarOptionsWrapper>
   )
 }