mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
26 lines
1.1 KiB
JavaScript
26 lines
1.1 KiB
JavaScript
import PropTypes from 'prop-types'
|
|
import React from 'react'
|
|
import CSSModules from 'browser/lib/CSSModules'
|
|
import styles from './ToggleModeButton.styl'
|
|
|
|
const ToggleModeButton = ({
|
|
onClick, editorType
|
|
}) => (
|
|
<div styleName='control-toggleModeButton'>
|
|
<div styleName={editorType === 'SPLIT' ? 'active' : 'non-active'} onClick={() => onClick('SPLIT')}>
|
|
<img styleName='item-star' src={editorType === 'EDITOR_PREVIEW' ? '../resources/icon/icon-mode-split-on.svg' : '../resources/icon/icon-mode-split-on-active.svg'} />
|
|
</div>
|
|
<div styleName={editorType === 'EDITOR_PREVIEW' ? 'active' : 'non-active'} onClick={() => onClick('EDITOR_PREVIEW')}>
|
|
<img styleName='item-star' src={editorType === 'EDITOR_PREVIEW' ? '../resources/icon/icon-mode-markdown-off-active.svg' : '../resources/icon/icon-mode-markdown-off.svg'} />
|
|
</div>
|
|
<span styleName='tooltip'>Toggle Mode</span>
|
|
</div>
|
|
)
|
|
|
|
ToggleModeButton.propTypes = {
|
|
onClick: PropTypes.func.isRequired,
|
|
editorType: PropTypes.string.Required
|
|
}
|
|
|
|
export default CSSModules(ToggleModeButton, styles)
|