From ed3eb9169b759c5c127943966913f059695bb5c1 Mon Sep 17 00:00:00 2001
From: Ray Schamp <ray@scratch.mit.edu>
Date: Wed, 26 Sep 2018 17:48:53 -0400
Subject: [PATCH] Add onShare prop to enable the share button
---
src/components/gui/gui.jsx | 3 +++
src/components/menu-bar/menu-bar.jsx | 26 +++++++++++++++++---------
2 files changed, 20 insertions(+), 9 deletions(-)
diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx
index e1d5b9b2a..9cdafaa8c 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 5b710fd35..c8b2c7182 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 ?
--
GitLab