Feature/4 pilots add #20
@@ -83,15 +83,15 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
<DrawerHeader text="Add Pilot" onClose={onOpenCloseDrawer} />
|
<DrawerHeader text="Add Pilot" onClose={onOpenCloseDrawer} />
|
||||||
<form onSubmit={methods.handleSubmit(onSubmit)}>
|
<form onSubmit={methods.handleSubmit(onSubmit)}>
|
||||||
<DrawerBody>
|
<DrawerBody>
|
||||||
<div className="grid grid-cols-3 gap-4">
|
<div className="grid grid-cols-4 gap-4">
|
||||||
<div className="col-span-3">
|
<div className="col-span-4">
|
||||||
<Typography variant="h5">Info</Typography>
|
<Typography variant="h5">Info</Typography>
|
||||||
<hr className="my-3" />
|
<hr className="my-3" />
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<Typography variant="h6">Name</Typography>
|
<Typography variant="h6">Name</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2">
|
<div className="col-span-3">
|
||||||
<Controller
|
<Controller
|
||||||
name="name"
|
name="name"
|
||||||
control={methods.control}
|
control={methods.control}
|
||||||
@@ -114,7 +114,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<Typography variant="h6">Address</Typography>
|
<Typography variant="h6">Address</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2">
|
<div className="col-span-3">
|
||||||
<Controller
|
<Controller
|
||||||
name="address"
|
name="address"
|
||||||
control={methods.control}
|
control={methods.control}
|
||||||
@@ -131,7 +131,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<Typography variant="h6">City</Typography>
|
<Typography variant="h6">City</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2">
|
<div className="col-span-3">
|
||||||
<Controller
|
<Controller
|
||||||
name="city"
|
name="city"
|
||||||
control={methods.control}
|
control={methods.control}
|
||||||
@@ -148,7 +148,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<Typography variant="h6">State</Typography>
|
<Typography variant="h6">State</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2">
|
<div className="col-span-3">
|
||||||
<Controller
|
<Controller
|
||||||
name="state"
|
name="state"
|
||||||
control={methods.control}
|
control={methods.control}
|
||||||
@@ -165,7 +165,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<Typography variant="h6">Postal Code</Typography>
|
<Typography variant="h6">Postal Code</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2">
|
<div className="col-span-3">
|
||||||
<Controller
|
<Controller
|
||||||
name="postalCode"
|
name="postalCode"
|
||||||
control={methods.control}
|
control={methods.control}
|
||||||
@@ -182,7 +182,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<Typography variant="h6">Email</Typography>
|
<Typography variant="h6">Email</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2">
|
<div className="col-span-3">
|
||||||
<Controller
|
<Controller
|
||||||
name="email"
|
name="email"
|
||||||
control={methods.control}
|
control={methods.control}
|
||||||
@@ -199,7 +199,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<Typography variant="h6">Phone Number</Typography>
|
<Typography variant="h6">Phone Number</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2">
|
<div className="col-span-3">
|
||||||
<Controller
|
<Controller
|
||||||
name="phone"
|
name="phone"
|
||||||
control={methods.control}
|
control={methods.control}
|
||||||
@@ -213,12 +213,12 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-3">
|
<div className="col-span-4">
|
||||||
<Typography variant="h5">Certificates</Typography>
|
<Typography variant="h5">Certificates</Typography>
|
||||||
<hr className="my-3" />
|
<hr className="my-3" />
|
||||||
</div>
|
</div>
|
||||||
<PilotFormCertificates certificates={[]} />
|
<PilotFormCertificates certificates={[]} />
|
||||||
<div className="col-span-3">
|
<div className="col-span-4">
|
||||||
<Typography variant="h5">Endorsements</Typography>
|
<Typography variant="h5">Endorsements</Typography>
|
||||||
<hr className="my-3" />
|
<hr className="my-3" />
|
||||||
</div>
|
</div>
|
||||||
@@ -230,7 +230,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<Typography variant="h6">Class</Typography>
|
<Typography variant="h6">Class</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2">
|
<div className="col-span-3">
|
||||||
<Controller
|
<Controller
|
||||||
name="medicalClass"
|
name="medicalClass"
|
||||||
control={methods.control}
|
control={methods.control}
|
||||||
@@ -257,7 +257,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
|
|||||||
<div className="col-span-1">
|
<div className="col-span-1">
|
||||||
<Typography variant="h6">Class</Typography>
|
<Typography variant="h6">Class</Typography>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-span-2">
|
<div className="col-span-3">
|
||||||
<Controller
|
<Controller
|
||||||
name="medicalExpiration"
|
name="medicalExpiration"
|
||||||
control={methods.control}
|
control={methods.control}
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ const PilotFormCertificates: React.FC<IPilotFormCertificates> = ({
|
|||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="grid grid-cols-4 gap-4">
|
<div>
|
||||||
{fields.map((field, index) => {
|
{fields.map((field, index) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ const PilotFormEndorsements: React.FC<IPilotFormEndorsements> = ({
|
|||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="grid grid-cols-3 gap-4">
|
<div>
|
||||||
{fields.map((field, index) => {
|
{fields.map((field, index) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|||||||
Reference in New Issue
Block a user