mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
25 lines
666 B
JavaScript
25 lines
666 B
JavaScript
import PropTypes from 'prop-types'
|
|
import React from 'react'
|
|
import CSSModules from 'browser/lib/CSSModules'
|
|
import styles from './SwitchButton.styl'
|
|
|
|
const ListButton = ({
|
|
onClick, isTagActive
|
|
}) => (
|
|
<button styleName={isTagActive ? 'non-active-button' : 'active-button'} onClick={onClick}>
|
|
<img src={isTagActive
|
|
? '../resources/icon/icon-list.svg'
|
|
: '../resources/icon/icon-list-active.svg'
|
|
}
|
|
/>
|
|
<span styleName='tooltip'>Notes</span>
|
|
</button>
|
|
)
|
|
|
|
ListButton.propTypes = {
|
|
onClick: PropTypes.func.isRequired,
|
|
isTagActive: PropTypes.bool.isRequired
|
|
}
|
|
|
|
export default CSSModules(ListButton, styles)
|