From 7ba15a22d1bd57e7c26ff2d5fccf5505aaf8619e Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Mon, 10 Aug 2020 00:28:39 +0300
Subject: refactor: move pages -> containers

---
 src/pages/RegistrationPage/RegistrationPage.tsx | 96 -------------------------
 1 file changed, 96 deletions(-)
 delete mode 100644 src/pages/RegistrationPage/RegistrationPage.tsx

(limited to 'src/pages/RegistrationPage/RegistrationPage.tsx')

diff --git a/src/pages/RegistrationPage/RegistrationPage.tsx b/src/pages/RegistrationPage/RegistrationPage.tsx
deleted file mode 100644
index 18a9379..0000000
--- a/src/pages/RegistrationPage/RegistrationPage.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import React, { useState, useRef } from 'react';
-import { useHistory } from 'react-router-dom';
-import { makeStyles } from '@material-ui/core/styles';
-import TextField from '@material-ui/core/TextField';
-import Button from '@material-ui/core/Button';
-import { post } from '../../requests';
-import { useAuth } from '../../hooks/useAuth';
-
-
-const useStyles = makeStyles(theme => ({
-  root: {
-    '& > *': {
-      margin: theme.spacing(1),
-      width: theme.spacing(35)
-    },
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    textAlign: 'center'
-  },
-  formHeader: {
-    textAlign: 'center',
-    fontSize: 25
-  },
-  formTransfer: {
-    display: 'flex',
-    justifyContent: 'center'
-  },
-  transferButton: {
-    marginLeft: 10,
-    color: 'green',
-    cursor: 'pointer'
-  }
-}));
-
-const RegistrationPage: React.FC = () => {
-  const [error, setError] = useState<boolean>(false);
-  const classes = useStyles();
-  const usernameRef = useRef<HTMLInputElement>();
-  const emailRef = useRef<HTMLInputElement>();
-  const passwordRef = useRef<HTMLInputElement>();
-  const { login } = useAuth();
-  const history = useHistory();
-
-  const handleSubmit = () => {
-    const username = usernameRef.current?.value?.toLowerCase();
-    const password = passwordRef.current?.value;
-    const email = emailRef.current?.value;
-    if (username && password) {
-      post('/users', { username, password, email })
-        .then(() => login(username, password))
-        .then(() => history.push(`/profile/${username}`));
-    } else setError(true);
-  };
-
-  const handleLogin = () => {
-    history.push('/login');
-  };
-
-  return (
-    <>
-      <div className={classes.formHeader}>Sign Up</div>
-      <form className={classes.root} noValidate autoComplete="off">
-        <TextField
-          inputRef={usernameRef}
-          label="Username"
-          error={error}
-          helperText={error && 'This field is required!'}
-          required
-        />
-        <TextField inputRef={emailRef} label="Email" />
-        <TextField
-          inputRef={passwordRef}
-          label="Password"
-          type="password"
-          required
-          error={error}
-          helperText={error && 'This field is required!'}
-        />
-        <Button variant="contained" onClick={handleSubmit}>submit</Button>
-      </form>
-      <div className={classes.formTransfer}>
-        <div>Already have an account?</div>
-        <span
-          onClick={handleLogin}
-          className={classes.transferButton}
-          role="presentation"
-        >
-          Log in
-        </span>
-      </div>
-    </>
-  );
-};
-
-export default RegistrationPage;
-- 
cgit v1.2.3