diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/pages/login.js | 37 | ||||
| -rw-r--r-- | src/pages/register.js | 2 |
2 files changed, 23 insertions, 16 deletions
diff --git a/src/pages/login.js b/src/pages/login.js index 2a57c737..971dc38e 100644 --- a/src/pages/login.js +++ b/src/pages/login.js @@ -1,9 +1,14 @@ +import axios from "axios"; import Head from "next/head"; import Image from "next/image"; import Link from "next/link"; import Logo from "../images/logo.png"; export default function Login() { + const login = (e) => { + e.preventDefault(); + // axios.post(`${process.env.SELF_HOST}/api/login`, {email: 'it@fixcomart.co', password: 'Fixcomart378'}); + } return ( <> <Head> @@ -15,21 +20,23 @@ export default function Login() { </Link> <h1 className="text-xl sm:text-2xl text-gray-900 mt-4">Mulai Belanja Sekarang</h1> <h2 className="text-gray-800 mt-2 mb-4">Masuk ke akun kamu untuk belanja</h2> - <input - type="text" - className="form-input bg-gray-100 mt-4 focus:ring-1 focus:ring-yellow-900" - placeholder="johndoe@gmail.com" - /> - <input - type="password" - className="form-input bg-gray-100 mt-4 focus:ring-1 focus:ring-yellow-900" - placeholder="**********" - /> - <div className="flex justify-end mt-4 w-full"> - <Link href="/forgot-password" className="text-sm">Lupa kata sandi?</Link> - </div> - <button className="btn-yellow font-semibold mt-4 w-full">Masuk</button> - <p className="text-gray-700 mt-4 text-sm">Belum punya akun Indoteknik? <Link href="/register">Daftar</Link></p> + <form onSubmit={login}> + <input + type="text" + className="form-input bg-gray-100 mt-4 focus:ring-1 focus:ring-yellow-900" + placeholder="johndoe@gmail.com" + /> + <input + type="password" + className="form-input bg-gray-100 mt-4 focus:ring-1 focus:ring-yellow-900" + placeholder="**********" + /> + <div className="flex justify-end mt-4 w-full"> + <Link href="/forgot-password" className="text-sm">Lupa kata sandi</Link> + </div> + <button type="submit" className="btn-yellow font-semibold mt-4 w-full">Masuk</button> + </form> + <p className="text-gray-700 mt-4">Belum punya akun Indoteknik? <Link href="/register">Daftar</Link></p> </main> </> ) diff --git a/src/pages/register.js b/src/pages/register.js index 23fe37b4..86208dc0 100644 --- a/src/pages/register.js +++ b/src/pages/register.js @@ -31,7 +31,7 @@ export default function Login() { placeholder="**********" /> <button className="btn-yellow font-semibold mt-4 w-full">Daftar</button> - <p className="text-gray-700 mt-4 text-sm">Sudah punya akun Indoteknik? <Link href="/login">Masuk</Link></p> + <p className="text-gray-700 mt-4">Sudah punya akun Indoteknik? <Link href="/login">Masuk</Link></p> </main> </> ) |