chore: followbutton should trigger togglesignupmodal

Sefaria · Dec 12, 2024 · 07bc2b9 · 07bc2b9
1 parent f7ff974
commit 07bc2b9
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/static/js/ReaderPanel.jsx b/static/js/ReaderPanel.jsx
@@ -685,6 +685,7 @@ class ReaderPanel extends Component {
       );
     }
     if (this.state.mode === "Sheet") {
+      console.log(this.props)
       menu = <Sheet
           adjustHighlightedAndVisible={this.adjustSheetHighlightedAndVisible}
           panelPosition ={this.props.panelPosition}
@@ -703,7 +704,7 @@ class ReaderPanel extends Component {
           setDivineNameReplacement={this.props.setDivineNameReplacement}
           divineNameReplacement={this.props.divineNameReplacement}
           hasSidebar={this.props.hasSidebar}
-          toggleSideUpModal={this.props.toggleSignUpModal}
+          toggleSignUpModal={this.props.toggleSignUpModal}
         />;
     }
 

diff --git a/static/js/sheets/Sheet.jsx b/static/js/sheets/Sheet.jsx
@@ -86,6 +86,7 @@ class Sheet extends Component {
       content = (<LoadingMessage />);
     }
     else {
+      console.log(this.props.toggleSignUpModal);
       content = (
             <div className="sidebarLayout">
               <SheetContent

diff --git a/static/js/sheets/SheetContentSidebar.jsx b/static/js/sheets/SheetContentSidebar.jsx
@@ -1,8 +1,10 @@
-import {FollowButton, InterfaceText, ProfilePic} from "../Misc";
+import {FollowButton, InterfaceText} from "../Misc";
+import {ProfilePic} from "../ProfilePic";
 import Sefaria from "../sefaria/sefaria";
 import React, {useEffect, useState} from "react";
 import {ProfileBio} from "../UserProfile";
 const SheetContentSidebar = ({authorImage, authorStatement, authorUrl, toggleSignUpModal, collections}) => {
+    console.log(toggleSignUpModal);
     const [loading, setLoading] = useState(true);
     const [profile, setProfile] = useState(null);
     useEffect(() => {
@@ -21,12 +23,13 @@ const SheetContentSidebar = ({authorImage, authorStatement, authorUrl, toggleSig
                 name={authorStatement}
             />
             {authorName}
-            {!loading && <SheetProfileInfo profile={profile}/>}
+            {!loading && <SheetProfileInfo profile={profile} toggleSignUpModal={toggleSignUpModal}/>}
             {<PartOfCollections collections={collections}/>}
     </div>;
 }
 
-const SheetProfileInfo = ({profile}) => {
+const SheetProfileInfo = ({profile, toggleSignUpModal}) => {
+    console.log(toggleSignUpModal);
     const profileFollowers = <div className="profileFollowers">
                                              <InterfaceText>{String(profile.followers.length)}</InterfaceText>&nbsp;
                                              <InterfaceText>followers</InterfaceText>
@@ -37,7 +40,8 @@ const SheetProfileInfo = ({profile}) => {
              {Sefaria._uid !== profile.id && <FollowButton
                                                 large={true}
                                                 uid={profile.id}
-                                                following={Sefaria.following.indexOf(profile.id) > -1}/>
+                                                following={Sefaria.following.indexOf(profile.id) > -1}
+                                                toggleSignUpModal={toggleSignUpModal}/>
              }
            </span>;
 }