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

feature/4-pilots---add

Browse Source
This commit is contained in:
Noah Spannbauer
2024-06-22 10:51:41 -05:00
parent 9d5a6f7d09
commit 2d0670b572
4 changed files with 160 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/package.json
View File

@@ -16,7 +16,7 @@
"@fortawesome/free-regular-svg-icons": "^6.5.2", "@fortawesome/free-regular-svg-icons": "^6.5.2",
"@fortawesome/free-solid-svg-icons": "^6.5.2", "@fortawesome/free-solid-svg-icons": "^6.5.2",
"@fortawesome/react-fontawesome": "^0.2.2", "@fortawesome/react-fontawesome": "^0.2.2",
"@noahspan/noahspan-components": "^0.3.0", "@noahspan/noahspan-components": "^0.3.1",
"axios": "^1.7.2", "axios": "^1.7.2",
"framer-motion": "^11.1.7", "framer-motion": "^11.1.7",
"react": "^18.2.0", "react": "^18.2.0",

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

@@ -1,157 +1,162 @@
// import { import { useState } from 'react';
// Accordion, import { useForm, Controller, FormProvider } from 'react-hook-form';
// AccordionItem, import {
// Button, Accordion,
// DatePicker, AccordionBody,
// Input, AccordionHeader,
// Select, Input
// SelectItem } from '@noahspan/noahspan-components';
// } from '@nextui-org/react';
// import { useForm, Controller, FormProvider, SubmitHandler, Form } from 'react-hook-form';
// import PilotFormCertificates from '../pilotFormCertificates/PilotFormCertificates'; // import PilotFormCertificates from '../pilotFormCertificates/PilotFormCertificates';
// const PilotForm: React.FC<unknown> = () => { const PilotForm: React.FC<unknown> = () => {
// const methods = useForm({ const [open, setOpen] = useState<number>(0);
// defaultValues: { const handleOpen = (value: number) => {
// certificates: [ setOpen(open === value ? 0 : value);
// { };
// type: '', const methods = useForm();
// number: '', const { control, handleSubmit } = methods;
// dateOfIssue: null
// }
// ]
// }
// });
// const { control, handleSubmit } = methods;
// const onSubmit = (data: unknown) => { const onSubmit = (data: unknown) => {
// console.log(data); console.log(data);
// }; };
// return ( return (
// <FormProvider {...methods}> <FormProvider {...methods}>
// <form className="m-10" onSubmit={handleSubmit(onSubmit)}> <form className="m-10" onSubmit={handleSubmit(onSubmit)}>
// <Accordion> <Accordion open={open === 1}>
// <AccordionItem title='Profile'> <AccordionHeader onClick={() => handleOpen(1)}>Info</AccordionHeader>
// <div className="grid grid-cols-3 gap-4"> <AccordionBody>
// <div className="self-center"> <div className="grid grid-cols-3 gap-4">
// <label>First Name</label> <div className="self-center">
// </div> <label>First Name</label>
// <div className='col-span-2'> </div>
// <Controller <div className="col-span-2">
// name="firstName" <Controller
// control={control} name="firstName"
// render={({ field }) => <Input />} control={control}
// /> render={({ field }) => (
// </div> <Input disabled={field.disabled} value={field.value} />
// <div className="self-center"> )}
// <label>Last Name</label> />
// </div> </div>
// <div className='col-span-2'> <div className="self-center">
// <Controller <label>Last Name</label>
// name="lastName" </div>
// control={control} <div className="col-span-2">
// render={({ field }) => <Input />} <Controller
// /> name="lastName"
// </div> control={control}
// <div className='self-center'> render={({ field }) => (
// <label>Address</label> <Input disabled={field.disabled} value={field.value} />
// </div> )}
// <div className='col-span-2'> />
// <Controller </div>
// name='address' <div className="self-center">
// control={control} <label>Address</label>
// render={({ field }) => <Input />} </div>
// /> <div className="col-span-2">
// </div> <Controller
// <div className='self-center'> name="address"
// <label>City</label> control={control}
// </div> render={({ field }) => (
// <div className='col-span-2'> <Input disabled={field.disabled} value={field.value} />
// <Controller )}
// name='city' />
// control={control} </div>
// render={({ field }) => <Input />} <div className="self-center">
// /> <label>City</label>
// </div> </div>
// <div className='self-center'> <div className="col-span-2">
// <label>State</label> <Controller
// </div> name="city"
// <div className='col-span-2'> control={control}
// <Controller render={({ field }) => (
// name='state' <Input disabled={field.disabled} value={field.value} />
// control={control} )}
// render={({ field }) => <Input />} />
// /> </div>
// </div> <div className="self-center">
// <div className='self-center'> <label>State</label>
// <label>Postal Code</label> </div>
// </div> <div className="col-span-2">
// <div className='col-span-2'> <Controller
// <Controller name="state"
// name='postalCode' control={control}
// control={control} render={({ field }) => (
// render={({ field }) => <Input />} <Input disabled={field.disabled} value={field.value} />
// /> )}
// </div> />
// </div> </div>
// </AccordionItem> <div className="self-center">
// </Accordion> <label>Postal Code</label>
</div>
<div className="col-span-2">
<Controller
name="postalCode"
control={control}
render={({ field }) => (
<Input disabled={field.disabled} value={field.value} />
)}
/>
</div>
</div>
</AccordionBody>
</Accordion>
// <Accordion> {/* <Accordion>
// <AccordionItem title='Certificates'> <AccordionItem title='Certificates'>
// <PilotFormCertificates certificates={[]}/> <PilotFormCertificates certificates={[]}/>
// </AccordionItem> </AccordionItem>
// </Accordion> </Accordion>
// <Accordion> <Accordion>
// <AccordionItem title='Endorsements'> <AccordionItem title='Endorsements'>
// </AccordionItem> </AccordionItem>
// </Accordion> </Accordion>
// <Accordion> <Accordion>
// <AccordionItem title="Medical"> <AccordionItem title="Medical">
// <div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
// <div className="self-center"> <div className="self-center">
// <label>Class</label> <label>Class</label>
// </div> </div>
// <div> <div>
// <Controller <Controller
// name="medicalClass" name="medicalClass"
// control={control} control={control}
// render={({ field }) => ( render={({ field }) => (
// <Select> <Select value={field.value}>
// <SelectItem key="first" value="First"> <Option value={first}>
// First First
// </SelectItem> </Option>
// <SelectItem key="second" value="Second"> <Option>
// Second Second
// </SelectItem> </Option>
// <SelectItem key="third" value="Third"> <Option>
// Third Third
// </SelectItem> </Option>
// <SelectItem key="basicMed" value="Basic Med"> <Option>
// Basic Med Basic Med
// </SelectItem> </Option>
// </Select> </Select>
// )} )}
// /> />
// </div> </div>
// <div className="self-center"> <div className="self-center">
// <label>Expires</label> <label>Expires</label>
// </div> </div>
// <div> <div>
// <Controller <Controller
// name="medicalExpiration" name="medicalExpiration"
// control={control} control={control}
// render={({ field }) => <DatePicker />} render={({ field }) => <DatePicker />}
// /> />
// </div> </div>
// </div> </div>
// </AccordionItem> </AccordionItem>
// </Accordion> </Accordion> */}
// </form> </form>
// </FormProvider> </FormProvider>
// ); );
// }; };
// export default PilotForm; export default PilotForm;

1
app/src/components/pilots/Pilots.tsx
View File

@@ -10,7 +10,6 @@ const Pilots: React.FC<unknown> = () => {
return ( return (
<div className="container mx-auto"> <div className="container mx-auto">
blah
<div className="px-6"> <div className="px-6">
<h1 role="heading">Pilots</h1> <h1 role="heading">Pilots</h1>
<Button <Button

8
package-lock.json generated
View File

@@ -77,7 +77,7 @@
"@fortawesome/free-regular-svg-icons": "^6.5.2", "@fortawesome/free-regular-svg-icons": "^6.5.2",
"@fortawesome/free-solid-svg-icons": "^6.5.2", "@fortawesome/free-solid-svg-icons": "^6.5.2",
"@fortawesome/react-fontawesome": "^0.2.2", "@fortawesome/react-fontawesome": "^0.2.2",
"@noahspan/noahspan-components": "^0.3.0", "@noahspan/noahspan-components": "^0.3.1",
"axios": "^1.7.2", "axios": "^1.7.2",
"framer-motion": "^11.1.7", "framer-motion": "^11.1.7",
"react": "^18.2.0", "react": "^18.2.0",
@@ -3503,9 +3503,9 @@
"link": true "link": true
}, },
"node_modules/@noahspan/noahspan-components": { "node_modules/@noahspan/noahspan-components": {
"version": "0.3.0", "version": "0.3.1",
"resolved": "https://registry.npmjs.org/@noahspan/noahspan-components/-/noahspan-components-0.3.0.tgz", "resolved": "https://registry.npmjs.org/@noahspan/noahspan-components/-/noahspan-components-0.3.1.tgz",
"integrity": "sha512-606Sd060X3pWN09pNkF6KR1MIrjyUn1mvZxPvL2d9+tZSAVICsVOzCIBRG1bzRZKRHsJIGcmzqNYYv6Tdq9eXA==", "integrity": "sha512-KTYndPCABLFPhhhRuZJrl8O25ex4q671lDpiEZ7sOSSXVi85tPcBjsBWo6KiC2+skIwBC58Iuek9Y8Mi1z/QYw==",
"dependencies": { "dependencies": {
"@fortawesome/fontawesome-svg-core": "^6.5.2", "@fortawesome/fontawesome-svg-core": "^6.5.2",
"@fortawesome/free-brands-svg-icons": "^6.5.2", "@fortawesome/free-brands-svg-icons": "^6.5.2",