Update tinker_tickets_react/src/Components/CreateTicket/TicketSelect.tsx

tinker_tickets_react/src/Components/CreateTicket/TicketSelect.tsx

@@ -2,37 +2,36 @@ import React from "react";
 import type { SelectOption, CreateTicketFormData } from "../../types/ticket";
 
 interface TicketSelectProps {
-label: string;
+  label: string;
-field: keyof CreateTicketFormData;
+  field: keyof CreateTicketFormData;
-value: string;
+  value: string;
-options: SelectOption[];
+  options: SelectOption[];
-updateField: (field: keyof CreateTicketFormData, value: string) => void;
+  updateField: (field: keyof CreateTicketFormData, value: string) => void;
 }
 
 const TicketSelect: React.FC<TicketSelectProps> = ({
-label,
+  label,
-field,
+  field,
-value,
+  value,
-options,
+  options,
-updateField,
+  updateField,
 }) => {
-return ( <div className="detail-quarter"> <label>{label}</label>
+  return (
+    <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)}
+      >
-  >
+        {options.map(opt => (
-    {options.map(opt => (
+          <option key={opt.value} value={opt.value}>
-      <option key={opt.value} value={opt.value}>
+            {opt.label}
-        {opt.label}
+          </option>
-      </option>
+        ))}
-    ))}
+      </select>
-  </select>
+    </div>
-</div>
+  );
-
-
-);
 };
 
 export default TicketSelect;