signup progress

auth/Auth-lame.tsx

@@ -86,7 +86,7 @@ class Auth extends React.Component<AuthProps, AuthState> {
 					}
 				);
 
-				// TODO: find if sub is the ID of user
+				// @todo find if sub is the ID of user
 			}
 		);
 	};
@@ -105,7 +105,7 @@ class Auth extends React.Component<AuthProps, AuthState> {
 
 	setSession = (data: SessionDatatype) => {
 		const user = {
-			// TODO: Add correct user details here
+			// @todo Add correct user details here
 			id: data.user.id,
 			role: 'JOBSEEKER',
 		};
@@ -114,7 +114,7 @@ class Auth extends React.Component<AuthProps, AuthState> {
 			accessToken: data.token,
 			user,
 		});
-		// TODO: check if localstorage is available or not and if it isn't use
+		// @todo check if localstorage is available or not and if it isn't use
 		// cookies to set session instead.
 		const isBrowser = typeof window !== 'undefined';
 		if (isBrowser) {
@@ -188,7 +188,7 @@ class Auth extends React.Component<AuthProps, AuthState> {
 		// Remove localstorage token
 		const isBrowser = typeof window !== 'undefined';
 		if (isBrowser) {
-			window.localStorage.removeItem('token'); // TODO: Get a better token name LOL
+			window.localStorage.removeItem('token'); // @todo Get a better token name LOL
 		}
 
 		// clear apollo store

auth/LoginForm.tsx

@@ -35,7 +35,7 @@ interface LoginFormValues {
 	email: string;
 	password: string;
 }
-// TODO: convert it to SFC
+// @todo convert it to SFC
 class Login extends Component<LoginProps, LoginState> {
 	LoginSchema = Yup.object().shape({
 		email: Yup.string()

auth/SignupForm.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { Formik, Field, FormikProps, FieldProps, Form } from 'formik';
 import * as Yup from 'yup';
-import { authorize, authorizeWithGoogle } from '../../tools/auth/auth0';
+import { signup, authorizeWithGoogle } from '../../tools/auth/auth0';
 import styled from 'styled-components';
 import Button from '../../../components/Button';
 import SocialButton from '../../../components/SocialButton';
@@ -36,7 +36,7 @@ interface SignupFormValues {
 	email: string;
 	password: string;
 }
-// TODO: convert it to SFC
+// @todo convert it to SFC
 class Signup extends Component<SignupProps, SignupState> {
 	SignupSchema = Yup.object().shape({
 		name: Yup.string().required('Please fill out your name!'),
@@ -61,7 +61,7 @@ class Signup extends Component<SignupProps, SignupState> {
 				onSubmit={(values, { setSubmitting, setStatus }) => {
 					let { email, password, name } = values;
 					// Try to Signup the user, if Signup doesn't happen throw the error
-					authorize(email, password);
+					signup(email, password);
 					// .catch((e: any) => {
 					// 	console.log(e.graphQLErrors);
 					// setStatus({

auth/auth0.ts

@@ -20,17 +20,23 @@ export const authorize = (email, password) =>
 			email,
 			password,
 		},
-		e => {
-			console.log(e);
+		err => {
+			console.log(err);
 		}
 	);
 export const authorizeWithGoogle = () => {
 	getAuth0().authorize({
 		connection: 'google-oauth2',
 	});
 };
-export const signup = () => {
-	// getAuth0().signup();
+export const signup = (email, password) => {
+	// @todo save name as meta deta in auth0 database
+	getAuth0().signup(
+		{ connection: 'Username-Password-Authentication', email, password },
+		err => {
+			console.log(err);
+		}
+	);
 };
 export const logout = () => getAuth0().logout({ returnTo: getBaseUrl() });
 export const parseHash = callback => getAuth0().parseHash(callback);

form/Input.tsx

@@ -50,7 +50,7 @@ export const FloatingLabel = styled.label`
 	margin-left: 15px; /* Should be same as input margin left */
 	line-height: 56px;
 	/* To also make the label clickable */
-	// TODO: label is not clickable because z-index is not -1
+	// @todo label is not clickable because z-index is not -1
 	z-index: 1;
 	transition: all 150ms ease;
 `;