diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx index e1d5b9b2a8741e29df3ddd287020aed73f20b2a6..9cdafaa8cfb31143e74cf879ffcfaef8a0d7e6ca 100644 --- a/src/components/gui/gui.jsx +++ b/src/components/gui/gui.jsx @@ -84,6 +84,7 @@ const GUIComponent = props => { onRequestCloseBackdropLibrary, onRequestCloseCostumeLibrary, onSeeCommunity, + onShare, previewInfoVisible, targetIsStage, soundsTabVisible, @@ -170,6 +171,7 @@ const GUIComponent = props => { onLogOut={onLogOut} onOpenRegistration={onOpenRegistration} onSeeCommunity={onSeeCommunity} + onShare={onShare} onToggleLoginOpen={onToggleLoginOpen} onUpdateProjectTitle={onUpdateProjectTitle} /> @@ -323,6 +325,7 @@ GUIComponent.propTypes = { onRequestCloseBackdropLibrary: PropTypes.func, onRequestCloseCostumeLibrary: PropTypes.func, onSeeCommunity: PropTypes.func, + onShare: PropTypes.func, onTabSelect: PropTypes.func, onToggleLoginOpen: PropTypes.func, onUpdateProjectTitle: PropTypes.func, diff --git a/src/components/menu-bar/menu-bar.jsx b/src/components/menu-bar/menu-bar.jsx index 0e14f691512b761273ac472ed9b1cd7637d26efa..7d321ede9ecb4c068e1fc2c8a0de36af2ff6cc9a 100644 --- a/src/components/menu-bar/menu-bar.jsx +++ b/src/components/menu-bar/menu-bar.jsx @@ -196,6 +196,18 @@ class MenuBar extends React.Component { id="gui.menuBar.saveNow" /> ); + const shareButton = ( + <Button + className={classNames(styles.shareButton)} + onClick={this.props.onShare} + > + <FormattedMessage + defaultMessage="Share" + description="Label for project share button" + id="gui.menuBar.share" + /> + </Button> + ); return ( <Box className={classNames(styles.menuBar, { @@ -392,15 +404,11 @@ class MenuBar extends React.Component { </MenuBarItemTooltip> </div> <div className={classNames(styles.menuBarItem)}> - <MenuBarItemTooltip id="share-button"> - <Button className={classNames(styles.shareButton)}> - <FormattedMessage - defaultMessage="Share" - description="Label for project share button" - id="gui.menuBar.share" - /> - </Button> - </MenuBarItemTooltip> + {this.props.onShare ? shareButton : ( + <MenuBarItemTooltip id="share-button"> + {shareButton} + </MenuBarItemTooltip> + )} </div> <div className={classNames(styles.menuBarItem, styles.communityButtonWrapper)}> {this.props.enableCommunity ?