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

tinker_tickets_react/src/Components/CreateTicket/TicketSelect.tsx

@@ -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;
+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> = ({
-  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
+```
-        value={value}
+  <select
-        onChange={e => updateField(field, e.target.value)}
+    value={value}
-      >
+    onChange={e => updateField(field, e.target.value)}
-        {options.map(opt => (
+  >
-          <option key={opt.value} value={opt.value}>
+    {options.map(opt => (
-            {opt.label}
+      <option key={opt.value} value={opt.value}>
-          </option>
+        {opt.label}
-        ))}
+      </option>
-      </select>
+    ))}
-    </div>
+  </select>
-  );
+</div>
+```
+
+);
 };
 
 export default TicketSelect;