public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 10:46:32 +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 = ({ const ToggleStackDirectionButton = ({
onClick, isStacking onClick, isStacking
}) => ( }) => {
<button styleName='control-splitPanelDirection' onClick={() => onClick(!isStacking)}> const imgSrc = isStacking ? '../resources/icon/icon-panel-split-vertical.svg' : '../resources/icon/icon-panel-split-horizontal.svg'
<img styleName='iconInfo' src={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')
<span lang={i18n.locale} styleName='tooltip'>{ return (
isStacking ? i18n.__('Split Panels Horizontally') : i18n.__('Split Panels Vertically') <button styleName='control-splitPanelDirection' onClick={() => onClick(!isStacking)}>
<img styleName='iconInfo' src={imgSrc} />
}</span> <span lang={i18n.locale} styleName='tooltip'>{text}</span>
</button> </button>
) )
}
ToggleStackDirectionButton.propTypes = { ToggleStackDirectionButton.propTypes = {
onClick: PropTypes.func.isRequired, onClick: PropTypes.func.isRequired,