noah/noahspan-flying
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases 8 Wiki Activity

adding pilots

Browse Source
This commit is contained in:
Noah Spannbauer
2024-07-28 08:27:01 -05:00
parent 650c70b42d
commit 84bdd89ec3
3 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/src/components/pilotForm/PilotForm.tsx
View File

@@ -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}

2
app/src/components/pilotFormCertificates/PilotFormCertificates.tsx
View File

@@ -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 (
<> <>

2
app/src/components/pilotFormEndorsements/PilotFormEndorsements.tsx
View File

@@ -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 (
<> <>