scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

splash page join button works with new join flow

Browse source
This commit is contained in:
Ben Wheeler 2019-10-01 17:59:09 -04:00
parent 3e6e87c3a4
commit ed99e410f5
1 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/components/intro/intro.jsx
View file

@ -15,12 +15,20 @@ class Intro extends React.Component {
constructor (props) {
super(props);
bindAll(this, [
'handleClickRegistration',
'handleShowVideo'
]);
this.state = {
videoOpen: false
};
}
handleClickRegistration (event) {
if (this.props.useScratch3Registration) {
this.props.navigateToRegistration(event);
} else {
this.props.handleOpenRegistration(event);
}
}
handleShowVideo () {
this.setState({videoOpen: true});
}
@ -44,12 +52,12 @@ class Intro extends React.Component {
<a
className="intro-button join-button button"
href="#"
onClick={this.props.handleOpenRegistration}
onClick={this.handleClickRegistration}
>
{this.props.messages['intro.join']}
</a>
</FlexRow>
</FlexRow>
<FlexRow className="intro-video-container">
{this.state.videoOpen ?
@ -77,7 +85,7 @@ class Intro extends React.Component {
}
</FlexRow>
</FlexRow>
<FlexRow className="intro-subnav">
<a
href="/about"
@ -117,7 +125,9 @@ Intro.propTypes = {
'intro.tagLine1': PropTypes.string,
'intro.tagLine2': PropTypes.string,
'intro.watchVideo': PropTypes.string
})
}),
navigateToRegistration: PropTypes.func,
useScratch3Registration: PropTypes.bool
};
Intro.defaultProps = {
@ -135,13 +145,18 @@ Intro.defaultProps = {
};
const mapStateToProps = state => ({
session: state.session
session: state.session,
useScratch3Registration: state.navigation.useScratch3Registration
});
const mapDispatchToProps = dispatch => ({
handleOpenRegistration: event => {
event.preventDefault();
dispatch(navigationActions.setRegistrationOpen(true));
},
navigateToRegistration: event => {
event.preventDefault();
navigationActions.navigateToRegistration();
}
});