Update tinker_tickets_react/src/Components/CreateTicket/TicketSelect.tsx
This commit is contained in:
@ -1,25 +1,24 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import type { SelectOption, TicketFormData } from "../../types/ticket";
|
import type { SelectOption, CreateTicketFormData } from "../../types/ticket";
|
||||||
|
|
||||||
interface TicketSelectProps {
|
interface TicketSelectProps {
|
||||||
label: string;
|
label: string;
|
||||||
field: keyof TicketFormData;
|
field: keyof CreateTicketFormData;
|
||||||
value: string;
|
value: string;
|
||||||
options: SelectOption[];
|
options: SelectOption[];
|
||||||
updateField: (field: keyof TicketFormData, value: string) => void;
|
updateField: (field: keyof CreateTicketFormData, value: string) => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const TicketSelect: React.FC<TicketSelectProps> = ({
|
const TicketSelect: React.FC<TicketSelectProps> = ({
|
||||||
label,
|
label,
|
||||||
field,
|
field,
|
||||||
value,
|
value,
|
||||||
options,
|
options,
|
||||||
updateField,
|
updateField,
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return ( <div className="detail-quarter"> <label>{label}</label>
|
||||||
<div className="detail-quarter">
|
|
||||||
<label>{label}</label>
|
|
||||||
|
|
||||||
|
```
|
||||||
<select
|
<select
|
||||||
value={value}
|
value={value}
|
||||||
onChange={e => updateField(field, e.target.value)}
|
onChange={e => updateField(field, e.target.value)}
|
||||||
@ -30,8 +29,10 @@ const TicketSelect: React.FC<TicketSelectProps> = ({
|
|||||||
</option>
|
</option>
|
||||||
))}
|
))}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
);
|
```
|
||||||
|
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default TicketSelect;
|
export default TicketSelect;
|
||||||
Reference in New Issue
Block a user