import axios from "axios";
import Head from "next/head";
import Image from "next/image";
import Link from "@/components/elements/Link";
import { useEffect, useState } from "react";
import Alert from "@/components/elements/Alert";
import Layout from "@/components/layouts/Layout";
import Spinner from "@/components/elements/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);
const [alert, setAlert] = useState();
useEffect(() => {
setIsInputFulfilled(email && name && password);
}, [email, name, password]);
const register = async (e) => {
e.preventDefault();
setIsLoading(true);
let register = await axios.post(`${process.env.SELF_HOST}/api/register`, {email, name, password});
if (register.data.register) {
await axios.post(`${process.env.SELF_HOST}/api/activation-request`, {email});
setAlert({
component: <>Berhasil mendaftarkan akun anda, cek email untuk melakukan aktivasi akun,
type: 'success'
});
setEmail('');
setName('');
setPassword('');
} else {
switch (register.data.reason) {
case 'EMAIL_USED':
setAlert({
component: <>Email telah digunakan,
type: 'info'
});
break;
}
}
setIsLoading(false);
}
return (
<>
Daftar - Indoteknik
Mudahkan Pembelian dengan Indoteknik
Daftar untuk melanjutkan belanja
{alert ? (
{alert.component}
) : ''}
Sudah punya akun Indoteknik? Masuk
)
}