>] = useState("");
7 | useEffect(()=>{
8 | if(props.user ===null || props.user === undefined){
9 | navigate("/");
10 | }
11 | },[]);
12 | const navigate = useNavigate();
13 | let onSubmit = (e:any)=>{
14 | e.preventDefault();
15 | fetch("http://localhost:4000/validateUser/",{
16 | credentials:"include" // to send the httpOnly cookie to the server ; on the server end make sure Allow-credentials are true
17 | })
18 | .then((d)=>{
19 | //console.log("Some data: ",d);
20 | return d.json();
21 | })
22 | .then((resp:any )=>{
23 | console.log("Some data: ",resp);
24 | if(resp.user === undefined || resp.user === null){
25 | fetch("http://localhost:4000/api/signIn/",{
26 | method: "POST",
27 | body:JSON.stringify({"email":email, "password":password}),
28 | credentials: 'include',
29 | headers: {
30 | "content-type": 'application/json;charset=utf-8',
31 | // if not added server doesn't catch the req.body
32 | }
33 | }).then((d:any)=>{
34 | return d.json();
35 | })
36 | .then((d:any)=>{
37 | // props.setLoginInfo(d);
38 | // props.setToken(d.accesstoken);
39 | // blacklistServer.setex(email+"ACC",d.accesstoken,15,()=>{
40 | // console.log("Access token Updated in database");
41 | // });
42 | // blacklistServer.setex(email+"REF",d.refreshtoken, 15,()=>{
43 | // console.log("Refresh token updated");
44 | // });
45 | props.setToken(d.refreshtoken);
46 | navigate("/");
47 | })
48 | .catch((e)=>{
49 | console.log(e);
50 | //navigate("/authError")
51 | });
52 | }else{
53 | props.setUser(resp.user);
54 | navigate("/");
55 | }
56 | })
57 | .catch((e)=>{
58 | console.log("Error connecting to the auth server: ",e);
59 | })
60 | }
61 | var redirectSignUp = (e:any)=>{
62 | e.preventDefault();
63 | navigate("/signUp");
64 | }
65 | return (
66 |
67 |
68 |
76 |
77 | )
78 | }
79 | export { SignIn };
--------------------------------------------------------------------------------
/ApplicationUI/src/components/SignUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import '../styles/general.css';
3 | import { useNavigate } from "react-router-dom";
4 | const SignUp = () => {
5 | const [firstName, setFirstName] = useState("");
6 | const [lastName, setLastName] = useState("");
7 | const [email, setEmail] = useState("");
8 | const [password, setPassword] = useState("");
9 | const [confirmPassword, setConfirm] = useState("");
10 | const [phone, setPhone] = useState("");
11 | const navigate = useNavigate();
12 | let onSubmit = async(e:any)=>{
13 | e.preventDefault();
14 | let payload: string = JSON.stringify({
15 | firstname : firstName,
16 | lastname: lastName,
17 | phone: phone,
18 | email : email,
19 | password : password,
20 | confirmpass : confirmPassword
21 | });
22 |
23 | var data:any = await fetch("http://localhost:4000/api/signUp/",{
24 | method: "POST",
25 | body:payload,
26 | headers: {
27 | 'content-type': 'application/json;charset=utf-8'
28 | }
29 |
30 | });
31 | if(data.status === 200 || data.status === 201){
32 | navigate("/signin");
33 | }
34 | }
35 | return (
36 |
37 |
38 |
47 |
48 | )
49 | }
50 | export { SignUp };
--------------------------------------------------------------------------------
/ApplicationUI/src/components/TestNode.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import '../styles/general.css';
3 | type stylePropType = {
4 | value: string
5 | }
6 |
7 | var TextNode = (props: stylePropType)=>{
8 | var styleTag:string, outerShape:string;
9 | if(props.value!=="" && props.value[0] === '1'){
10 | styleTag = "display-chat2";
11 | outerShape = "outer-shape2";
12 | }else{
13 | styleTag = "display-chat1";
14 | outerShape = "outer-shape1";
15 | }
16 | return (
17 |
18 |
19 |
{props.value.slice(1)}
20 |
21 |