From 691faabe2814a5bb0993e066231a4041ed36f0d5 Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Mon, 23 Sep 2019 11:25:10 -0400
Subject: [PATCH] pass createProjectOnComplete prop through join flow
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

…so welcome step can display correct completion text
---
 src/components/join-flow/join-flow.jsx                | 2 ++
 src/components/join-flow/welcome-step.jsx             | 7 +++++--
 src/components/modal/join/modal.jsx                   | 5 ++++-
 src/components/registration/scratch3-registration.jsx | 5 +++--
 src/l10n.json                                         | 1 +
 5 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/join-flow/join-flow.jsx b/src/components/join-flow/join-flow.jsx
index 6849531e6..2d40452e2 100644
--- a/src/components/join-flow/join-flow.jsx
+++ b/src/components/join-flow/join-flow.jsx
@@ -155,6 +155,7 @@ class JoinFlow extends React.Component {
                             onRegistrationError={this.handleRegistrationError}
                         />
                         <WelcomeStep
+                            createProjectOnComplete={this.props.createProjectOnComplete}
                             email={this.state.formData.email}
                             username={this.state.formData.username}
                             onNextStep={this.props.onCompleteRegistration}
@@ -167,6 +168,7 @@ class JoinFlow extends React.Component {
 }
 
 JoinFlow.propTypes = {
+    createProjectOnComplete: PropTypes.bool,
     intl: intlShape,
     onCompleteRegistration: PropTypes.func,
     refreshSession: PropTypes.func
diff --git a/src/components/join-flow/welcome-step.jsx b/src/components/join-flow/welcome-step.jsx
index 6affebf09..930e5fe49 100644
--- a/src/components/join-flow/welcome-step.jsx
+++ b/src/components/join-flow/welcome-step.jsx
@@ -45,7 +45,7 @@ class WelcomeStep extends React.Component {
                             descriptionClassName="join-flow-welcome-description"
                             headerImgSrc="/images/join-flow/welcome-header.png"
                             innerClassName="join-flow-inner-welcome-step"
-                            nextButton={
+                            nextButton={this.props.createProjectOnComplete ? (
                                 <React.Fragment>
                                     <FormattedMessage id="registration.makeProject" />
                                     <img
@@ -53,7 +53,9 @@ class WelcomeStep extends React.Component {
                                         src="/svgs/project/r-arrow.svg"
                                     />
                                 </React.Fragment>
-                            }
+                            ) : (
+                                <FormattedMessage id="general.done" />
+                            )}
                             title={`${this.props.intl.formatMessage(
                                 {id: 'registration.welcomeStepTitleNonEducator'},
                                 {username: this.props.username}
@@ -79,6 +81,7 @@ class WelcomeStep extends React.Component {
 }
 
 WelcomeStep.propTypes = {
+    createProjectOnComplete: PropTypes.bool,
     email: PropTypes.string,
     intl: intlShape,
     onNextStep: PropTypes.func,
diff --git a/src/components/modal/join/modal.jsx b/src/components/modal/join/modal.jsx
index bd17ac6ab..7edc22a3c 100644
--- a/src/components/modal/join/modal.jsx
+++ b/src/components/modal/join/modal.jsx
@@ -6,7 +6,8 @@ const JoinFlow = require('../../join-flow/join-flow.jsx');
 require('./modal.scss');
 
 const JoinModal = ({
-    onCompleteRegistration, // eslint-disable-line no-unused-vars
+    createProjectOnComplete,
+    onCompleteRegistration,
     onRequestClose,
     ...modalProps
 }) => (
@@ -20,12 +21,14 @@ const JoinModal = ({
         {...modalProps}
     >
         <JoinFlow
+            createProjectOnComplete={createProjectOnComplete}
             onCompleteRegistration={onCompleteRegistration}
         />
     </Modal>
 );
 
 JoinModal.propTypes = {
+    createProjectOnComplete: PropTypes.bool,
     onCompleteRegistration: PropTypes.func,
     onRequestClose: PropTypes.func,
     showCloseButton: PropTypes.bool
diff --git a/src/components/registration/scratch3-registration.jsx b/src/components/registration/scratch3-registration.jsx
index 220c01433..0dbf68289 100644
--- a/src/components/registration/scratch3-registration.jsx
+++ b/src/components/registration/scratch3-registration.jsx
@@ -8,12 +8,14 @@ const JoinModal = require('../modal/join/modal.jsx');
 require('./registration.scss');
 
 const Registration = ({
+    createProjectOnComplete,
     handleCloseRegistration,
     handleCompleteRegistration,
     isOpen
 }) => (
     <div>
         <JoinModal
+            createProjectOnComplete={createProjectOnComplete}
             isOpen={isOpen}
             key="join-modal"
             onCompleteRegistration={handleCompleteRegistration}
@@ -23,8 +25,7 @@ const Registration = ({
 );
 
 Registration.propTypes = {
-    // used in mapDispatchToProps; eslint doesn't understand that this prop is used
-    createProjectOnComplete: PropTypes.bool, // eslint-disable-line react/no-unused-prop-types
+    createProjectOnComplete: PropTypes.bool,
     handleCloseRegistration: PropTypes.func,
     handleCompleteRegistration: PropTypes.func,
     isOpen: PropTypes.bool
diff --git a/src/l10n.json b/src/l10n.json
index a99f204d7..03720759f 100644
--- a/src/l10n.json
+++ b/src/l10n.json
@@ -13,6 +13,7 @@
     "general.confirmEmail": "Confirm Email",
     "general.contactUs": "Contact Us",
     "general.contact": "Contact",
+    "general.done": "Done",
     "general.downloadPDF": "Download PDF",
     "general.emailUs": "Email Us",
     "general.conferences": "Conferences",