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

tinker_tickets_react/src/Components/CreateTicket/TicketForm.tsx

@@ -1,14 +1,14 @@
 import React, { useState } from "react";
 import TicketFieldRow from "./TicketRow";
 import TicketTextarea from "./TicketText";
-import type { TicketFormData } from "../../types/ticket";
+import type { CreateTicketFormData } from "../../types/ticket";
 
 interface TicketFormProps {
 onError: (msg: string | null) => void;
 }
 
 const TicketForm: React.FC<TicketFormProps> = ({ onError }) => {
-  const [form, setForm] = useState<TicketFormData>({
+const [form, setForm] = useState<CreateTicketFormData>({
 title: "",
 status: "Open",
 priority: "4",
@@ -17,13 +17,14 @@ const TicketForm: React.FC<TicketFormProps> = ({ onError }) => {
 description: "",
 });
 
-  function updateField(field: keyof TicketFormData, value: string) {
-    setForm(prev => ({ ...prev, [field]: value }));
+function updateField(field: keyof CreateTicketFormData, value: string) {
+setForm((prev: CreateTicketFormData) => ({ ...prev, [field]: value }));
 }
 
 function handleSubmit(e: React.FormEvent) {
 e.preventDefault();
 
+```
 if (!form.title.trim() || !form.description.trim()) {
   onError("Title and description are required.");
   return;
@@ -31,21 +32,19 @@ const TicketForm: React.FC<TicketFormProps> = ({ onError }) => {
 
 console.log("Submitting:", form);
 // Later: POST to Express/PHP
+```
+
 }
 
-  return (
-    <form className="ticket-form" onSubmit={handleSubmit}>
-      <div className="ticket-details">
-        <div className="detail-group">
-          <label>Title</label>
+return ( <form className="ticket-form" onSubmit={handleSubmit}> <div className="ticket-details"> <div className="detail-group"> <label>Title</label>
 <input
 type="text"
 value={form.title}
 onChange={e => updateField("title", e.target.value)}
 required
-          />
-        </div>
+/> </div>
 
+```
     <TicketFieldRow form={form} updateField={updateField} />
 
     <TicketTextarea
@@ -67,6 +66,8 @@ const TicketForm: React.FC<TicketFormProps> = ({ onError }) => {
     </button>
   </div>
 </form>
+```
+
 );
 };