Added login redirection and login momorization

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
+extensions
 .DS_Store
 *.log
 .idea/
@@ -9,9 +10,7 @@ CachedExtensionVSIXs
 machineid
 /trash/*
 languagepacks.json
-extensions
 logs
-
 .Trash
 
 *~*

User/settings.json

@@ -9,5 +9,6 @@
   "[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.formatOnSave": true
-  }
+  },
+  "explorer.confirmDragAndDrop": false
 }

dbs/social.trace.db

@@ -3188,3 +3188,9 @@ select * from netuno_app where uid = 'social-netuno'  [22018-198]
 2021-04-13 12:30:42 jdbc[3]: exception
 org.h2.jdbc.JdbcSQLDataException: Data conversion error converting "social-netuno"; SQL statement:
 select * from netuno_app where uid = 'social-netuno'  [22018-198]
+2021-04-13 23:10:44 jdbc[3]: exception
+org.h2.jdbc.JdbcSQLDataException: Data conversion error converting "social-netuno"; SQL statement:
+select * from netuno_app where uid = 'social-netuno'  [22018-198]
+2021-04-17 13:16:05 jdbc[3]: exception
+org.h2.jdbc.JdbcSQLDataException: Data conversion error converting "social-netuno"; SQL statement:
+select * from netuno_app where uid = 'social-netuno'  [22018-198]

website/src/App.js

@@ -4,6 +4,7 @@ import { BrowserRouter, Switch, Route } from "react-router-dom";
 import Home from "./pages/Home";
 import Login from "./pages/Login";
 import Register from "./pages/Register";
+import Main from './pages/Main';
 
 function App() {
   return (
@@ -12,7 +13,8 @@ function App() {
         <Switch>
           <Route path="/" exact component={Home} />
           <Route path="/login" component={Login} />
-          <Route path="/register" exact component={Register} />
+          <Route path="/register" component={Register} />
+          <Route path="/main" component={Main} />
         </Switch>
       </BrowserRouter>
     </div>

website/src/pages/Login/index.js

@@ -1,8 +1,9 @@
-import React from "react";
+import React, { useState } from "react";
 import "./index.less";
 import Header from "../../components/Header";
-import { Form, Input, Button, Checkbox, Row, Col } from "antd";
+import { Form, Input, Button, Checkbox, Row, Col, notification } from "antd";
 import _auth from "@netuno/auth-client";
+import { Redirect } from "react-router-dom";
 
 const layout = {
   labelCol: { span: 4 },
@@ -14,15 +15,24 @@ const tailLayout = {
 };
 
 const Login = () => {
+  const [isLogged, setIsLogged] = useState(false);
   const onFinish = (values) => {
     _auth.login({
       username: values.username,
       password: values.password,
       success: () => {
-        alert("Login efetuado");
+        setIsLogged(true);
+        if (values.remember) {
+          localStorage.setItem("login", JSON.stringify(values));
+        } else {
+          localStorage.removeItem("login");
+        }
       },
       fail: () => {
-        alert("ocorreu um erro");
+        notification["error"]({
+          message: "Ocorreu um erro",
+          description: "Não foi possível realizar o login.",
+        });
       },
     });
   };
@@ -30,6 +40,15 @@ const Login = () => {
   const onFinishFailed = (errorInfo) => {
     console.log("Failed:", errorInfo);
   };
+  let initialValues = {
+    remember: true,
+  };
+  if (localStorage.getItem("login")) {
+    initialValues = JSON.parse(localStorage.getItem("login"));
+  }
+  if (_auth.isLogged()) {
+    return <Redirect to="/main" />;
+  }
   return (
     <div className="login">
       <Header />
@@ -38,6 +57,7 @@ const Login = () => {
         <Col span={12}>
           <Form
             {...layout}
+            initialValues={initialValues}
             className="login__form"
             onFinish={onFinish}
             onFinishFailed={onFinishFailed}
@@ -46,7 +66,10 @@ const Login = () => {
               label="Username"
               name="username"
               rules={[
-                { required: true, message: "Por favor digite o seu nome de usuário." }
+                {
+                  required: true,
+                  message: "Por favor digite o seu nome de usuário.",
+                },
               ]}
             >
               <Input />

website/src/pages/Main/index.js

@@ -0,0 +1,28 @@
+import React, { useState } from "react";
+import "./index.less";
+import { Redirect } from "react-router-dom";
+import _auth from "@netuno/auth-client";
+
+const Main = () => {
+  const [isLogged, setIsLogged] = useState(true);
+  if (!_auth.isLogged()) {
+    return <Redirect to="/login" />;
+  } else {
+    console.log(_auth.isLogged);
+    return (
+      <div>
+        Bem-vindo
+        <button
+          onClick={() => {
+            _auth.logout();
+            setIsLogged(false);
+          }}
+        >
+          Sair
+        </button>
+      </div>
+    );
+  }
+};
+
+export default Main;