@@ -51,6 +51,8 @@ export default function Record() {
5151 saleDescription : "" ,
5252 saleAmount : "" ,
5353 expectedCommission : "" ,
54+ regularHours : "" ,
55+ bidTime : ""
5456 } ) ;
5557 const [ isNew , setIsNew ] = useState ( true ) ;
5658 const params = useParams ( ) ;
@@ -124,7 +126,9 @@ export default function Record() {
124126 workOrder : "" ,
125127 saleDescription : "" ,
126128 saleAmount : "" ,
127- expectedCommission : ""
129+ expectedCommission : "" ,
130+ regularHours : "" ,
131+ bidTime : ""
128132 } ) ;
129133 if ( loggedIn ) {
130134 navigate ( "/admin" ) ;
@@ -156,7 +160,7 @@ export default function Record() {
156160 }
157161 < form
158162 onSubmit = { onSubmit }
159- className = "flex flex-col p-6 border rounded-lg overflow-hidden w-full sm:w-3/4 md:w-1/2 lg:w-1/4 items-center justify-center bg-white bg-opacity-25 backdrop-blur-lg drop-shadow-lg "
163+ className = "flex flex-col p-8 border rounded-lg overflow-hidden w-full sm:w-3/4 md:w-1/2 lg:w-1/4 items-center justify-center bg-white bg-opacity-25 backdrop-blur-lg drop-shadow-lg "
160164 >
161165 < div className = "flex w-full grid-cols-1 gap-x-8 gap-y-10 pb-2 justify-center items-center " >
162166 < div className = "flex-col w-full grid-cols-1 gap-x-4 gap-y-6 " >
@@ -395,6 +399,66 @@ export default function Record() {
395399 </ div >
396400 </ div >
397401 </ motion . div >
402+ { /* REGULAR HOURS*/ }
403+ < motion . div variants = { item } >
404+ < div className = "sm:col-span-4" >
405+ < label
406+ htmlFor = "regularHours"
407+ className = "block text-sm font-medium leading-6 text-slate-900"
408+ >
409+ Regular Hours
410+ </ label >
411+ < div className = "mt-2" >
412+ < div className = "flex rounded-md shadow-sm ring-1 ring-inset ring-slate-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-400 sm:max-w-md" >
413+ < input
414+ type = "text"
415+ name = "regularHours"
416+ id = "regularHours"
417+ required
418+ className = "block w-full rounded-md border-0 py-1.5 pl-1 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
419+ placeholder = "Regular Hours"
420+ value = { form . regularHours }
421+ onChange = { ( e ) => {
422+ const value = e . target . value ;
423+ if ( ! isNaN ( value ) ) {
424+ updateForm ( { regularHours : value } ) ;
425+ }
426+ } }
427+ />
428+ </ div >
429+ </ div >
430+ </ div >
431+ </ motion . div >
432+ { /* BID TIME */ }
433+ < motion . div variants = { item } >
434+ < div className = "sm:col-span-4" >
435+ < label
436+ htmlFor = "bidTime"
437+ className = "block text-sm font-medium leading-6 text-slate-900"
438+ >
439+ Bid Time
440+ </ label >
441+ < div className = "mt-2" >
442+ < div className = "flex rounded-md shadow-sm ring-1 ring-inset ring-slate-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-400 sm:max-w-md" >
443+ < input
444+ type = "text"
445+ name = "bidTime"
446+ id = "bidTime"
447+ required
448+ className = "block w-full rounded-md border-0 py-1.5 pl-1 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
449+ placeholder = "Bid Time"
450+ value = { form . bidTime }
451+ onChange = { ( e ) => {
452+ const value = e . target . value ;
453+ if ( ! isNaN ( value ) ) {
454+ updateForm ( { bidTime : value } ) ;
455+ }
456+ } }
457+ />
458+ </ div >
459+ </ div >
460+ </ div >
461+ </ motion . div >
398462 </ div >
399463 </ div >
400464 { /* SUBMIT BUTTON */ }
0 commit comments