public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00
Code Issues Releases Wiki Activity

Cleans up toggle button component

Browse Source
This commit is contained in:
Callum Booth
2019-10-09 12:45:52 +01:00
parent 218fba1aa1
commit 1993a6588d
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
browser/main/Detail/ToggleStackDirectionButton.js
View File

@@ -6,15 +6,16 @@ import i18n from 'browser/lib/i18n'
const ToggleStackDirectionButton = ({
onClick, isStacking
}) => (
<button styleName='control-splitPanelDirection' onClick={() => onClick(!isStacking)}>
<img styleName='iconInfo' src={isStacking ? '../resources/icon/icon-panel-split-vertical.svg' : '../resources/icon/icon-panel-split-horizontal.svg'} />
<span lang={i18n.locale} styleName='tooltip'>{
isStacking ? i18n.__('Split Panels Horizontally') : i18n.__('Split Panels Vertically')
}</span>
</button>
)
}) => {
const imgSrc = isStacking ? '../resources/icon/icon-panel-split-vertical.svg' : '../resources/icon/icon-panel-split-horizontal.svg'
const text = isStacking ? i18n.__('Split Panels Horizontally') : i18n.__('Split Panels Vertically')
return (
<button styleName='control-splitPanelDirection' onClick={() => onClick(!isStacking)}>
<img styleName='iconInfo' src={imgSrc} />
<span lang={i18n.locale} styleName='tooltip'>{text}</span>
</button>
)
}
ToggleStackDirectionButton.propTypes = {
onClick: PropTypes.func.isRequired,