style : add module
Deskripsi: - add global - add login - add varification - add welcome - add home No issue
This commit is contained in:
77
src/module/auth/login/view/view_login.tsx
Normal file
77
src/module/auth/login/view/view_login.tsx
Normal file
@@ -0,0 +1,77 @@
|
||||
"use client"
|
||||
import { LayoutLogin, WARNA } from "@/module/_global";
|
||||
import {
|
||||
Box,
|
||||
Button,
|
||||
Checkbox,
|
||||
Image,
|
||||
rem,
|
||||
Stack,
|
||||
Text,
|
||||
TextInput,
|
||||
Title,
|
||||
} from "@mantine/core";
|
||||
import { useRouter } from "next/navigation";
|
||||
import React from "react";
|
||||
|
||||
function ViewLogin() {
|
||||
const router = useRouter()
|
||||
const textInfo =
|
||||
"Kami akan mengirim kode verifikasi melalui WhatsApp, guna mengonfirmasikan nomor Anda.";
|
||||
|
||||
function onMasuk() {
|
||||
router.push("/verification")
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Box p={10}>
|
||||
<LayoutLogin>
|
||||
<Stack pt={30}>
|
||||
<Box p={10}>
|
||||
<TextInput
|
||||
styles={{
|
||||
input: {
|
||||
color: WARNA.biruTua,
|
||||
borderRadius: WARNA.biruTua,
|
||||
borderColor: WARNA.biruTua,
|
||||
},
|
||||
}}
|
||||
size="md"
|
||||
type="number"
|
||||
radius={30}
|
||||
leftSection={<Text>+62</Text>}
|
||||
placeholder="XXX XXX XXX"
|
||||
/>
|
||||
<Text fz={10} mt={10} c={WARNA.biruTua}>
|
||||
{textInfo}
|
||||
</Text>
|
||||
<Checkbox
|
||||
mt={20}
|
||||
label={
|
||||
<Text fz={10} c={WARNA.biruTua}>
|
||||
Ingat saya
|
||||
</Text>
|
||||
}
|
||||
/>
|
||||
<Box mt={20}>
|
||||
<Button
|
||||
c={"white"}
|
||||
bg={WARNA.biruTua}
|
||||
size="md"
|
||||
radius={30}
|
||||
fullWidth
|
||||
onClick={onMasuk}
|
||||
>
|
||||
MASUK
|
||||
</Button>
|
||||
</Box>
|
||||
</Box>
|
||||
</Stack>
|
||||
</LayoutLogin>
|
||||
</Box>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default ViewLogin;
|
||||
Reference in New Issue
Block a user