+
+ Login
+
+ {error &&
{error}
}
+
+
+ Don't have an account? Sign up!
+
+
+ Forgot your password?
+
+
+
);
}
}
-export default Login;
+const styles = (theme) => ({
+ loginContainer: {
+ maxWidth: 315,
+ margin: '50px auto',
+ padding: '22px 30px 30px',
+ borderRadius: 12,
+ boxShadow: theme.boxShadow.card,
+ backgroundColor: 'white',
+ },
+ loginBtn: {
+ marginBottom: 20,
+ marginTop: 5,
+ },
+});
+
+export default withStyles(styles)(Login);
diff --git a/frontend/src/components/SignUp.js b/frontend/src/components/SignUp.js
index cfa5a50cc..b4abf3f9d 100644
--- a/frontend/src/components/SignUp.js
+++ b/frontend/src/components/SignUp.js
@@ -1,9 +1,10 @@
import * as React from 'react';
import { NavLink } from 'react-router-dom';
-import SubHeader from './SubHeader';
-import ContentWrapper from './ContentWrapper';
-import queryString from 'query-string';
import ReCAPTCHA from 'react-google-recaptcha';
+import queryString from 'query-string';
+import { withStyles } from '@material-ui/core/styles';
+import { Typography } from '@material-ui/core';
+import Button from '@material-ui/core/Button';
// Set global properties used by reCaptcha
// See: https://www.npmjs.com/package/react-google-recaptcha#global-properties-used-by-recaptcha
@@ -12,24 +13,7 @@ window.recaptchaOptions = {
useRecaptchaNet: true,
};
-export const SignUpSuccess = (props) => {
- const { email } = queryString.parse(props.location.search);
- return (
-