Changeset 16237c4 for frontend/src/screens

Timestamp:

09/08/22 12:38:24 (22 months ago)

Author:

Nace Gjorgjievski <nace.gorgievski123@…>

Branches:

master

Children:

ee05663

Parents:

717ceae

Message:

Added Order Functionality

Location:

frontend/src/screens

Files:

• CardPaymentScreen.js (added)
• OrderHistoryScreen.js (added)
• OrderScreen.js (added)
• PaymentMethodScreen.js (added)
• PlaceOrderScreen.js (added)
• ShippingAddressScreen.js (added)
• SigninScreen.js (modified) (3 diffs)
• SignupScreen.js (added)

frontend/src/screens/SigninScreen.js

@@ +1 @@
+import Axios from "axios";
 import Container from "react-bootstrap/Container";
 import Form from "react-bootstrap/Form";
@@ -4 +5 @@
 import Button from "react-bootstrap/Button";
 import "../styles/SigninScreen.css";
-import React from "react";
-import { Link, useLocation } from "react-router-dom";
+import React, { useContext, useEffect, useState } from "react";
+import { Link, useLocation, useNavigate } from "react-router-dom";
+import { Store } from "../Store";
+import { toast } from "react-toastify";
+import { getError } from "../components/utils";
 
 function SigninScreen() {
+  const navigate = useNavigate();
   const { search } = useLocation();
   const redirectInUrl = new URLSearchParams(search).get("redirect");
   const redirect = redirectInUrl ? redirectInUrl : "/";
+
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+
+  const { state, dispatch: ctxDispatch } = useContext(Store);
+  const { userInfo } = state;
+
+  const submitHandler = async (e) => {
+    e.preventDefault();
+    try {
+      const { data } = await Axios.post("/api/users/signin", {
+        email,
+        password,
+      });
+      ctxDispatch({ type: "USER_SIGNIN", payload: data });
+      localStorage.setItem("userInfo", JSON.stringify(data));
+      navigate(redirect || "/");
+    } catch (err) {
+      toast.error(getError(err));
+    }
+  };
+
+  useEffect(() => {
+    if (userInfo) {
+      navigate(redirect);
+    }
+  }, [navigate, redirect, userInfo]);
+
   return (
     <div className="pageContainer">
@@ -18 +51 @@
         </Helmet>
         <h1>Најави се</h1>
-        <Form className="formCointainer">
+        <Form className="formCointainer" onSubmit={submitHandler}>
           <Form.Group controlId="email">
             <Form.Label>Email</Form.Label>
-            <Form.Control type="email" required />
+            <Form.Control
+              type="email"
+              required
+              onChange={(e) => setEmail(e.target.value)}
+            />
           </Form.Group>
           <Form.Group controlId="password">
             <Form.Label>Лозинка</Form.Label>
-            <Form.Control type="email" required />
+            <Form.Control
+              type="password"
+              required
+              onChange={(e) => setPassword(e.target.value)}
+            />
           </Form.Group>
           <div className="submitBtnContainer">