mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 01:36:22 +00:00
31 lines
753 B
JavaScript
31 lines
753 B
JavaScript
/**
|
|
* @fileoverview Micro component for toggle SideNav
|
|
*/
|
|
import PropTypes from 'prop-types'
|
|
import React from 'react'
|
|
import styles from './NavToggleButton.styl'
|
|
import CSSModules from 'browser/lib/CSSModules'
|
|
|
|
/**
|
|
* @param {boolean} isFolded
|
|
* @param {Function} handleToggleButtonClick
|
|
*/
|
|
|
|
const NavToggleButton = ({isFolded, handleToggleButtonClick}) => (
|
|
<button styleName='navToggle'
|
|
onClick={(e) => handleToggleButtonClick(e)}
|
|
>
|
|
{isFolded
|
|
? <i className='fa fa-angle-double-right' />
|
|
: <i className='fa fa-angle-double-left' />
|
|
}
|
|
</button>
|
|
)
|
|
|
|
NavToggleButton.propTypes = {
|
|
isFolded: PropTypes.bool.isRequired,
|
|
handleToggleButtonClick: PropTypes.func.isRequired
|
|
}
|
|
|
|
export default CSSModules(NavToggleButton, styles)
|