Hafid Nur
2d9473ea7c
- Sesuaikan color palette success, info, danger, warning sesuai dengan design system Figma - Sesuai background pagination - Fix width form login tidak maksimal
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import { FC, ReactElement } from 'react';
|
|
import { useNavigate } from 'react-router';
|
|
import { Button } from '@imphnen-frontend-service/ui/atoms';
|
|
import { InputForm } from '@imphnen-frontend-service/ui/molecules';
|
|
|
|
export const Components: FC = (): ReactElement => {
|
|
const navigate = useNavigate();
|
|
|
|
return (
|
|
<div className="flex justify-center items-center min-h-screen">
|
|
<div className="bg-white border border-primary-200 shadow-lg p-[60px] text-center flex flex-col justify-items-stretch gap-8 rounded-2xl">
|
|
<img src="/logos/logo.svg" alt="" className="h-[70px] w-auto" />
|
|
<h1 className="text-primary-500 text-p1 font-semibold">
|
|
Welcome to IMPHNEN Backoffice
|
|
</h1>
|
|
<InputForm
|
|
label="Email"
|
|
placeholder="Masukkan Email"
|
|
type="email"
|
|
size="lg"
|
|
className="w-full"
|
|
/>
|
|
<InputForm
|
|
label="Password"
|
|
placeholder="Masukkan password"
|
|
type="password"
|
|
size="lg"
|
|
className="w-full"
|
|
/>
|
|
<Button onClick={() => navigate('/dashboard')}>Login</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Components;
|