From 2c0e4a977cc4fadcc0af507b7c9d28a3824f5323 Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Fri, 18 Nov 2022 11:48:10 +0700 Subject: Register process --- src/pages/api/login.js | 3 +- src/pages/api/register.js | 16 +++++++++++ src/pages/register.js | 73 ++++++++++++++++++++++++++++++++++++----------- src/styles/globals.css | 2 +- 4 files changed, 75 insertions(+), 19 deletions(-) create mode 100644 src/pages/api/register.js (limited to 'src') diff --git a/src/pages/api/login.js b/src/pages/api/login.js index 1236aea3..cf464817 100644 --- a/src/pages/api/login.js +++ b/src/pages/api/login.js @@ -1,4 +1,3 @@ -import axios from "axios"; import apiOdoo from "../../helpers/apiOdoo"; export default async function handler(req, res) { @@ -6,7 +5,7 @@ export default async function handler(req, res) { const { email, password } = req.body; let result = await apiOdoo( 'POST', - '/api/v1/login', + '/api/v1/auth/login', {email, password} ); res.status(200).json(result); diff --git a/src/pages/api/register.js b/src/pages/api/register.js new file mode 100644 index 00000000..5c21f5ca --- /dev/null +++ b/src/pages/api/register.js @@ -0,0 +1,16 @@ +import apiOdoo from "../../helpers/apiOdoo"; + +export default async function handler(req, res) { + try { + const { email, name, password } = req.body; + let result = await apiOdoo( + 'POST', + '/api/v1/auth/register', + {email, name, password} + ); + res.status(200).json(result); + } catch (error) { + console.log(error); + res.status(400).json({ error: error.message }); + } +} \ No newline at end of file diff --git a/src/pages/register.js b/src/pages/register.js index 38ea972f..8c499b32 100644 --- a/src/pages/register.js +++ b/src/pages/register.js @@ -1,9 +1,36 @@ +import axios from "axios"; import Head from "next/head"; import Image from "next/image"; import Link from "next/link"; +import { useEffect, useState } from "react"; +import { toast } from "react-toastify"; +import Spinner from "../components/Spinner"; import Logo from "../images/logo.png"; export default function Login() { + const [email, setEmail] = useState(''); + const [name, setName] = useState(''); + const [password, setPassword] = useState(''); + const [isInputFulfilled, setIsInputFulfilled] = useState(false); + const [isLoading, setIsLoading] = useState(false); + + useEffect(() => { + setIsInputFulfilled(email && name && password); + }, [email, name, password]); + + const register = async (e) => { + e.preventDefault(); + setIsLoading(true); + let login = await axios.post(`${process.env.SELF_HOST}/api/register`, {email, name, password}); + if (login.data.register) { + toast.success('Berhasil mendaftarkan akun anda, cek email untuk melakukan aktivasi akun'); + } else { + toast.info('Email telah digunakan'); + toast.clearWaitingQueue(); + setIsLoading(false); + } + } + return ( <> @@ -15,22 +42,36 @@ export default function Login() {

Mudahkan Pembelian dengan Indoteknik

Daftar untuk melanjutkan

- - - - +
+ setEmail(e.target.value)} + /> + setName(e.target.value)} + /> + setPassword(e.target.value)} + /> + +

Sudah punya akun Indoteknik? Masuk

diff --git a/src/styles/globals.css b/src/styles/globals.css index 2adf7dc9..2ff05c47 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -96,7 +96,7 @@ html, body { border text-gray-900 text-center - disabled:text-gray-800 + disabled:text-gray-700 disabled:bg-yellow-700 disabled:border-yellow-700 ease-linear -- cgit v1.2.3