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