From 6f0b2b85df74199575eabee3abfd7734bd36df76 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 13 Jul 2020 20:59:52 +0800
Subject: Move front end to a submodule.

---
 Timeline/ClientApp/src/app/user/Login.tsx | 147 ------------------------------
 1 file changed, 147 deletions(-)
 delete mode 100644 Timeline/ClientApp/src/app/user/Login.tsx

(limited to 'Timeline/ClientApp/src/app/user/Login.tsx')

diff --git a/Timeline/ClientApp/src/app/user/Login.tsx b/Timeline/ClientApp/src/app/user/Login.tsx
deleted file mode 100644
index f8b3f0e7..00000000
--- a/Timeline/ClientApp/src/app/user/Login.tsx
+++ /dev/null
@@ -1,147 +0,0 @@
-import React, { Fragment, useState, useEffect } from 'react';
-import { useHistory } from 'react-router';
-import { useTranslation } from 'react-i18next';
-import { AxiosError } from 'axios';
-
-import AppBar from '../common/AppBar';
-
-import { userLogin, useUser } from '../data/user';
-import {
-  Label,
-  FormGroup,
-  Input,
-  Form,
-  FormFeedback,
-  Spinner,
-  Button,
-} from 'reactstrap';
-
-const Login: React.FC = (_) => {
-  const { t } = useTranslation();
-  const history = useHistory();
-  const [username, setUsername] = useState<string>('');
-  const [usernameDirty, setUsernameDirty] = useState<boolean>(false);
-  const [password, setPassword] = useState<string>('');
-  const [passwordDirty, setPasswordDirty] = useState<boolean>(false);
-  const [rememberMe, setRememberMe] = useState<boolean>(true);
-  const [process, setProcess] = useState<boolean>(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const user = useUser();
-
-  useEffect(() => {
-    if (user != null) {
-      const id = setTimeout(() => history.push('/'), 3000);
-      return () => {
-        clearTimeout(id);
-      };
-    }
-  }, [history, user]);
-
-  if (user != null) {
-    return (
-      <>
-        <AppBar />
-        <p className="mt-appbar">{t('login.alreadyLogin')}</p>
-      </>
-    );
-  }
-
-  function onSubmit(event: React.SyntheticEvent): void {
-    if (username === '' || password === '') {
-      setUsernameDirty(true);
-      setPasswordDirty(true);
-      return;
-    }
-
-    setProcess(true);
-    userLogin(
-      {
-        username: username,
-        password: password,
-      },
-      rememberMe
-    ).then(
-      (_) => {
-        if (history.length === 0) {
-          history.push('/');
-        } else {
-          history.goBack();
-        }
-      },
-      (e: AxiosError | Error) => {
-        setProcess(false);
-        setError(e.message);
-      }
-    );
-    event.preventDefault();
-  }
-
-  return (
-    <Fragment>
-      <AppBar />
-      <div className="container login-container mt-appbar">
-        <h1>{t('welcome')}</h1>
-        <Form>
-          <FormGroup>
-            <Label for="username">{t('user.username')}</Label>
-            <Input
-              id="username"
-              disabled={process}
-              onChange={(e) => {
-                setUsername(e.target.value);
-                setUsernameDirty(true);
-              }}
-              value={username}
-              invalid={usernameDirty && username === ''}
-            />
-            {usernameDirty && username === '' && (
-              <FormFeedback>{t('login.emptyUsername')}</FormFeedback>
-            )}
-          </FormGroup>
-          <FormGroup>
-            <Label for="password">{t('user.password')}</Label>
-            <Input
-              id="password"
-              type="password"
-              disabled={process}
-              onChange={(e) => {
-                setPassword(e.target.value);
-                setPasswordDirty(true);
-              }}
-              value={password}
-              invalid={passwordDirty && password === ''}
-            />
-            {passwordDirty && password === '' && (
-              <FormFeedback>{t('login.emptyPassword')}</FormFeedback>
-            )}
-          </FormGroup>
-          <FormGroup check>
-            <Input
-              id="remember-me"
-              type="checkbox"
-              checked={rememberMe}
-              onChange={(e) => {
-                const v = (e.target as HTMLInputElement).checked;
-                setRememberMe(v);
-              }}
-            />
-            <Label for="remember-me">{t('user.rememberMe')}</Label>
-          </FormGroup>
-          {error ? <p className="text-error">{t(error)}</p> : null}
-          <div>
-            {process ? (
-              <Spinner />
-            ) : (
-              <Button color="primary" onClick={onSubmit}>
-                {t('user.login')}
-              </Button>
-            )}
-          </div>
-        </Form>
-      </div>
-    </Fragment>
-  );
-};
-
-export default Login;
-- 
cgit v1.2.3