victorAnumudu
73 lines
2.8 KiB
TypeScript
73 lines
2.8 KiB
TypeScript
import { InputCompOne } from "..";
|
|
|
|
import { useNavigate } from "react-router-dom";
|
|
import { RouteHandler } from "../../router/routes";
|
|
|
|
export default function DashboardProfile() {
|
|
let navigate = useNavigate();
|
|
const navigateToProfile = () => navigate(RouteHandler.dashboardHome);
|
|
return (
|
|
<div className="w-full">
|
|
<div className='my-[2rem] flex items-center'>
|
|
<button onClick={navigateToProfile} className='w-6 h-6 text-lg flex justify-center items-center rounded-full bg-gray-500'><</button>
|
|
</div>
|
|
<div className="max-w-[25.875rem] w-full p-4 rounded-xl flex flex-col gap-1 bg-[#FBB700]/30">
|
|
<InputCompOne
|
|
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
|
|
name="applyIshInput"
|
|
label="Full name"
|
|
labelClass="font-bold text-[1.125rem]"
|
|
input
|
|
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
|
|
placeholder="John James"
|
|
/>
|
|
<InputCompOne
|
|
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
|
|
name="applyIshInput"
|
|
label="Phone number"
|
|
labelClass="font-bold text-[1.125rem]"
|
|
input
|
|
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
|
|
placeholder="07000000000"
|
|
/>
|
|
<InputCompOne
|
|
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
|
|
name="applyIshInput"
|
|
label="Residential address"
|
|
labelClass="font-bold text-[1.125rem]"
|
|
input
|
|
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
|
|
placeholder="Somewhere in lagos"
|
|
/>
|
|
<InputCompOne
|
|
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
|
|
name="applyIshInput"
|
|
label="Select your state"
|
|
labelClass="font-bold text-[1.125rem]"
|
|
input
|
|
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
|
|
placeholder="Lagos"
|
|
/>
|
|
<InputCompOne
|
|
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
|
|
name="applyIshInput"
|
|
label="Email address"
|
|
labelClass="font-bold text-[1.125rem]"
|
|
input
|
|
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
|
|
placeholder="johndoe@gmail.com"
|
|
/>
|
|
<InputCompOne
|
|
parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
|
|
name="applyIshInput"
|
|
label="Date of birth"
|
|
labelClass="font-bold text-[1.125rem]"
|
|
input
|
|
inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
|
|
placeholder="12/10/1994"
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|