commentary_share_option_update

sefaria/local_settings.py

@@ -129,7 +129,7 @@
 
 
 ################ These are things you DO NOT NEED to touch unless you know what you are doing. ##############################
-DEBUG = os.getenv("DEBUG", False)
+DEBUG = os.getenv("DEBUG", True)
 
 REMOTE_HOSTS = os.getenv('REMOTE_HOSTS', 'staging.pecha.org').replace(" ", "")
 

static/js/TextList.jsx

@@ -234,6 +234,7 @@ class TextList extends Component {
                                     <ConnectionButtons>
                                       <OpenConnectionTabButton srefs={[link.sourceRef]} openInTabCallback={this.props.onTextClick}/>
                                       <AddConnectionToSheetButton srefs={[link.sourceRef]} addToSheetCallback={this.props.setConnectionsMode}/>
+                                      <ShareConnectionButton srefs={[link.sourceRef]} setConnectionsMode={this.props.setConnectionsMode}/>
                                       {Sefaria.is_moderator ?
                                       <DeleteConnectionButton delUrl={"/api/links/" + link._id} connectionDeleteCallback={this.onDataChange}/> : null
                                       }
@@ -357,6 +358,26 @@ const AddConnectionToSheetButton = ({srefs, addToSheetCallback, versions= {"en":
   );
 }
 
+
+const ShareConnectionButton = ({srefs, setConnectionsMode}) => {
+  /*
+  ConnectionButton composite element. Goes inside a ConnectionButtons
+  Takes a ref(s) and callback to open sharing UI
+   */
+  const handleShare = () => {
+    setConnectionsMode("Share", {"connectionRefs": srefs});
+  }
+
+  return (
+    <SimpleLinkedBlock
+      aclasses={"connection-button share-link"}
+      onClick={handleShare}
+      en={"Share"}
+      he={"རྒྱུད་སྤེལ།"}
+    />
+  );
+}
+
 const ConnectionButtons = ({children}) =>{
   /* This is basically just a composition container, and allows to apply css rules to a container for connection buttons.
     can also be expanded to use a default set of connection buttons, if not children are present?
@@ -369,4 +390,4 @@ const ConnectionButtons = ({children}) =>{
 }
 
 
-export {TextList as default, ConnectionButtons, AddConnectionToSheetButton, OpenConnectionTabButton, DeleteConnectionButton};
+export {TextList as default, ConnectionButtons, AddConnectionToSheetButton, OpenConnectionTabButton, DeleteConnectionButton, ShareConnectionButton};