Update tinker_tickets_react/src/Components/CreateTicket/TicketSelect.tsx
This commit is contained in:
@ -1,12 +1,12 @@
|
|||||||
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> = ({
|
||||||
@ -16,10 +16,9 @@ const TicketSelect: React.FC<TicketSelectProps> = ({
|
|||||||
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)}
|
||||||
@ -31,6 +30,8 @@ const TicketSelect: React.FC<TicketSelectProps> = ({
|
|||||||
))}
|
))}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
```
|
||||||
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user