r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

add submit text

Browse source
This commit is contained in:
Cassie Tarakajian 2016-10-14 12:08:08 -04:00
parent 5aa5032961
commit 04f68e37f9
3 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
client/modules/IDE/components/ResetPasswordView.js
View file

@ -16,10 +16,12 @@ class ResetPasswordView extends React.Component {
} }
render() { render() {
console.log(this.props.user);
const resetPasswordClass = classNames({ const resetPasswordClass = classNames({
'reset-password': true, 'reset-password': true,
'reset-password--submitted': this.props.user.passwordResetInitialized 'reset-password--submitted': this.props.user.resetPasswordInitiate
}); });
console.log(resetPasswordClass);
return ( return (
<div className={resetPasswordClass} ref="resetPassword" tabIndex="0"> <div className={resetPasswordClass} ref="resetPassword" tabIndex="0">
<h1>Reset Your Password</h1> <h1>Reset Your Password</h1>
@ -42,7 +44,7 @@ class ResetPasswordView extends React.Component {
ResetPasswordView.propTypes = { ResetPasswordView.propTypes = {
resetPasswordReset: PropTypes.func.isRequired, resetPasswordReset: PropTypes.func.isRequired,
user: PropTypes.shape({ user: PropTypes.shape({
passwordResetInitialized: PropTypes.bool resetPasswordInitiate: PropTypes.bool
}).isRequired, }).isRequired,
}; };

2
client/modules/User/reducers.js
View file

@ -15,6 +15,8 @@ const user = (state = { authenticated: false }, action) => {
}; };
case ActionTypes.RESET_PASSWORD_INITIATE: case ActionTypes.RESET_PASSWORD_INITIATE:
return Object.assign(state, {}, { resetPasswordInitiate: true }); return Object.assign(state, {}, { resetPasswordInitiate: true });
case ActionTypes.RESET_PASSWORD_RESET:
return Object.assign(state, {}, { resetPasswordInitiate: false });
default: default:
return state; return state;
} }

5
client/styles/components/_reset-password.scss
View file

@ -19,7 +19,10 @@
.reset-password__submitted { .reset-password__submitted {
width: #{300 / $base-font-size}rem; width: #{300 / $base-font-size}rem;
display: none; display: none;
.reset-password--submitted { text-align: left;
font-size: #{12 / $base-font-size}rem;
margin-top: #{10 / $base-font-size}rem;
.reset-password--submitted & {
display: block; display: block;
} }