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-27 22:09:15 -05:00
parent 4501622f2e
commit 650c70b42d
1 changed files with 79 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -89,7 +89,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
<hr className="my-3" /> <hr className="my-3" />
</div> </div>
<div className="col-span-1"> <div className="col-span-1">
<Typography>Name</Typography> <Typography variant="h6">Name</Typography>
</div> </div>
<div className="col-span-2"> <div className="col-span-2">
<Controller <Controller
@@ -112,7 +112,7 @@ const PilotForm: React.FC<PilotFormProps> = ({
/> />
</div> </div>
<div className="col-span-1"> <div className="col-span-1">
<Typography>Name</Typography> <Typography variant="h6">Address</Typography>
</div> </div>
<div className="col-span-2"> <div className="col-span-2">
<Controller <Controller
@@ -128,49 +128,97 @@ const PilotForm: React.FC<PilotFormProps> = ({
)} )}
/> />
</div> </div>
<div className="col-span-3"> <div className="col-span-1">
<Typography variant="h6">City</Typography>
</div>
<div className="col-span-2">
<Controller <Controller
name="city" name="city"
control={methods.control} control={methods.control}
render={({ field }) => <Input label="City" {...field} />} render={({ field }) => (
<Input
labelProps={{
className: 'before:content-none after:content-none'
}}
{...field}
/>
)}
/> />
</div> </div>
<div className="col-span-3"> <div className="col-span-1">
<Typography variant="h6">State</Typography>
</div>
<div className="col-span-2">
<Controller <Controller
name="state" name="state"
control={methods.control} control={methods.control}
render={({ field }) => <Input label="State" {...field} />} render={({ field }) => (
<Input
labelProps={{
className: 'before:content-none after:content-none'
}}
{...field}
/>
)}
/> />
</div> </div>
<div className="col-span-3"> <div className="col-span-1">
<Typography variant="h6">Postal Code</Typography>
</div>
<div className="col-span-2">
<Controller <Controller
name="postalCode" name="postalCode"
control={methods.control} control={methods.control}
render={({ field }) => ( render={({ field }) => (
<Input label="Postal Code" {...field} /> <Input
labelProps={{
className: 'before:content-none after:content-none'
}}
{...field}
/>
)}
/>
</div>
<div className="col-span-1">
<Typography variant="h6">Email</Typography>
</div>
<div className="col-span-2">
<Controller
name="email"
control={methods.control}
render={({ field }) => (
<Input
labelProps={{
className: 'before:content-none after:content-none'
}}
{...field}
/>
)}
/>
</div>
<div className="col-span-1">
<Typography variant="h6">Phone Number</Typography>
</div>
<div className="col-span-2">
<Controller
name="phone"
control={methods.control}
render={({ field }) => (
<Input
labelProps={{
className: 'before:content-none after:content-none'
}}
{...field}
/>
)} )}
/> />
</div> </div>
<div className="col-span-3"> <div className="col-span-3">
<Controller
name="email"
control={methods.control}
render={({ field }) => <Input label="Email" {...field} />}
/>
</div>
<div className="col-span-3">
<Controller
name="phone"
control={methods.control}
render={({ field }) => <Input label="Phone" {...field} />}
/>
</div>
<div className="col-span-1">
<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-1"> <div className="col-span-3">
<Typography variant="h5">Endorsements</Typography> <Typography variant="h5">Endorsements</Typography>
<hr className="my-3" /> <hr className="my-3" />
</div> </div>
@@ -179,13 +227,16 @@ const PilotForm: React.FC<PilotFormProps> = ({
<Typography variant="h5">Medical</Typography> <Typography variant="h5">Medical</Typography>
<hr className="my-3" /> <hr className="my-3" />
</div> </div>
<div className="col-span1"> <div className="col-span-1">
<Typography variant="h6">Class</Typography>
</div>
<div className="col-span-2">
<Controller <Controller
name="medicalClass" name="medicalClass"
control={methods.control} control={methods.control}
render={({ field }) => { render={({ field }) => {
return ( return (
<Select label="Class" {...field}> <Select {...field}>
<Option key="first" value="First"> <Option key="first" value="First">
First First
</Option> </Option>
@@ -204,6 +255,9 @@ const PilotForm: React.FC<PilotFormProps> = ({
/> />
</div> </div>
<div className="col-span-1"> <div className="col-span-1">
<Typography variant="h6">Class</Typography>
</div>
<div className="col-span-2">
<Controller <Controller
name="medicalExpiration" name="medicalExpiration"
control={methods.control} control={methods.control}