From d19b40f2972cc74105cfb8390a3b0fe3a4695b3a Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Thu, 17 Nov 2022 17:30:03 +0700 Subject: Login process to Odoo Api --- src/pages/login.js | 51 +++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 43 insertions(+), 8 deletions(-) (limited to 'src/pages/login.js') diff --git a/src/pages/login.js b/src/pages/login.js index 971dc38e..315146a5 100644 --- a/src/pages/login.js +++ b/src/pages/login.js @@ -2,39 +2,74 @@ import axios from "axios"; import Head from "next/head"; import Image from "next/image"; import Link from "next/link"; +import { useRouter } from "next/router"; +import { useEffect, useState } from "react"; +import { toast } from "react-toastify"; +import Spinner from "../components/Spinner"; +import { setAuth } from "../helpers/auth"; import Logo from "../images/logo.png"; export default function Login() { - const login = (e) => { + const router = useRouter(); + const [email, setEmail] = useState(''); + const [password, setPassword] = useState(''); + const [isInputFulfilled, setIsInputFulfilled] = useState(false); + const [isLoading, setIsLoading] = useState(false); + + useEffect(() => { + setIsInputFulfilled(email && password); + }, [email, password]); + + const login = async (e) => { e.preventDefault(); - // axios.post(`${process.env.SELF_HOST}/api/login`, {email: 'it@fixcomart.co', password: 'Fixcomart378'}); + setIsLoading(true); + let login = await axios.post(`${process.env.SELF_HOST}/api/login`, {email, password}); + if (login.data.is_auth) { + setAuth(login.data.user); + router.push('/'); + } else { + toast.info('Email atau Password tidak cocok'); + toast.clearWaitingQueue(); + setIsLoading(false); + } } + return ( <> Masuk - Indoteknik -
+
Logo Indoteknik -

Mulai Belanja Sekarang

+

Mulai Belanja Sekarang

Masuk ke akun kamu untuk belanja

-
+ setEmail(e.target.value)} /> setPassword(e.target.value)} />
- Lupa kata sandi + Lupa kata sandi
- +

Belum punya akun Indoteknik? Daftar

-- cgit v1.2.3