update ticket and fix bug

app/(panel)/tickets/update/[id]/page.tsx

@@ -1,11 +1,19 @@
 import { API_URL } from "@/core/constant";
+import UpdateTicketForm from "@/ui/form/UpdateTicketForm";
+import { cookies } from "next/headers";
 interface PageProps {
   params: Promise<{ id: string }>;
 }
 
 async function getTicket(id: string) {
+  const cookieStore = await cookies();
+  const tokenCookie = cookieStore.get("userToken"); // گرفتن کوکی از درخواست کاربر
   const res = await fetch(`${API_URL}/ticket/get/${id}`, {
-    cache: "no-store", // برای اینکه همیشه دیتای تازه از سرور بگیرد
+    cache: "no-store",
+    credentials: "include",
+    headers: {
+      Cookie: `${tokenCookie?.name}=${tokenCookie?.value}`,
+    },
   });
   if (!res.ok) {
     throw new Error("Error");
@@ -15,9 +23,63 @@ async function getTicket(id: string) {
   return data;
 }
 
+async function getDepartmentsData() {
+  const cookieStore = await cookies();
+  const tokenCookie = cookieStore.get("userToken"); // گرفتن کوکی از درخواست کاربر
+
+  const res = await fetch(`${API_URL}/department/all`, {
+    cache: "no-cache",
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+      Cookie: `${tokenCookie?.name}=${tokenCookie?.value}`,
+    },
+  });
+
+  if (!res.ok) {
+    throw new Error("خطا در واكشي ديتاي واحد ها");
+  }
+
+  const data = await res.json();
+
+  return data;
+}
+
+async function getUsersData() {
+  const cookieStore = await cookies();
+  const tokenCookie = cookieStore.get("userToken"); // گرفتن کوکی از درخواست کاربر
+  const res = await fetch(`${API_URL}/user/all`, {
+    cache: "no-cache",
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+      Cookie: `${tokenCookie?.name}=${tokenCookie?.value}`,
+    },
+  });
+
+  if (!res.ok) {
+    throw new Error("خطا در واكشي ديتاي واحد ها");
+  }
+
+  const data = await res.json();
+
+  return data;
+}
+
 export default async function Page({ params }: PageProps) {
   const { id } = await params;
   const getdata = await getTicket(id);
-  console.log(getdata)
-  return <div></div>;
+  
+  const getdepartmentsdata = await getDepartmentsData();
+  const getusersdata = await getUsersData();
+
+  const departments = getdepartmentsdata?.data;
+  const users = getusersdata?.data;
+
+  const selectedTicket = getdata?.data;
+  return (
+    <>
+      {selectedTicket ? <UpdateTicketForm users={users} departments={departments} ticket={selectedTicket} /> : ""}
+    </>
+  );
 }

services/api/ticket.api.ts

@@ -4,6 +4,10 @@ export async function createTicket(data: any) {
   return await callAPI.post("/ticket/create", data).then((res) => res.data);
 }
 
+export async function updateTicket(id:string,data: any) {
+  return await callAPI.put(`/ticket/update/${id}`, data).then((res) => res.data);
+}
+
 export async function getAllTickets(params: any) {
   return await callAPI.get("/ticket/all", { params }).then((res) => res.data);
 }

ui/form/TicketForm.tsx

@@ -227,7 +227,6 @@ export default function TicketForm({
                   </MenuItem>
                 ))}
               </TextField>
-              
             </div>
 
             <div>

ui/form/UpdateTicketForm.tsx

@@ -0,0 +1,262 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { TextField, MenuItem, Button } from "@mui/material";
+import {
+  hospitalSoftwares,
+  requestType,
+  ticketPriorities,
+  ticketStatuses,
+} from "@/core/constant";
+import { toast } from "react-toastify";
+import { handleAxiosError } from "@/core/utils";
+import { createTicket, updateTicket } from "@/services/api/ticket.api";
+import { TicketInterface } from "@/core/types";
+interface DepartmentType {
+  id: string;
+  slug: string;
+  displayName: string;
+}
+export interface IUserListItem {
+  id: string;
+  fullname: string;
+  nationalCode: string;
+  mobile: string;
+  roleId: string;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+export default function UpdateTicketForm({
+  departments,
+  users,
+  ticket
+}: {
+  departments: DepartmentType[];
+  users: IUserListItem[];
+  ticket:TicketInterface
+}) {
+  const [showFieldRelatedSystem, setShowFieldRelatedSystem] = useState(false);
+  const [form, setForm] = useState({
+    createdBy: ticket?.createdBy,
+    departmentId: ticket?.departmentId,
+    internalPhone: ticket?.internalPhone,
+    requestType: ticket?.requestType,
+    priority: ticket?.priority ?? "medium",
+    description: ticket?.description,
+    relatedSystem: ticket?.relatedSystem,
+    location: ticket.location,
+    helpdeskAction: ticket.helpdeskAction,
+    assignedTo: ticket?.assignedTo,
+    status: ticket?.status,
+    finalNotes: ticket?.finalNotes,
+  });
+
+  const handleChange = (e: any) => {
+    setForm({
+      ...form,
+      [e.target.name]: e.target.value,
+    });
+  };
+
+  const handleSubmit = async (e: any) => {
+    e.preventDefault();
+
+    try {
+      const { message } = await updateTicket(ticket.id,form);
+      toast.success(message);
+    } catch (error) {
+      toast.error(handleAxiosError(error));
+    }
+  };
+
+  useEffect(() => {
+    if (form.requestType === "1") {
+      form.relatedSystem = "";
+      setShowFieldRelatedSystem(true);
+    } else {
+      form.relatedSystem = "";
+      setShowFieldRelatedSystem(false);
+    }
+  }, [form.requestType]);
+  return (
+    <div className=" h-full w-full">
+      <div className="bg-white p-6 rounded-2xl">
+        <h5 className="mb-5 text-center text-xl font-bold">فرم ويرايش تيكت</h5>
+
+        <form onSubmit={handleSubmit}>
+          <div className="space-y-5">
+            <div className="flex items-center justify-start gap-x-5">
+              <TextField
+                fullWidth
+                label="نام و نام خانوادگي كاربر"
+                name="createdBy"
+                value={form.createdBy}
+                onChange={handleChange}
+              />
+              <TextField
+                select
+                fullWidth
+                size="medium"
+                label="واحد / بخش"
+                name="departmentId"
+                value={form.departmentId}
+                onChange={handleChange}
+              >
+                {departments.map((dep) => (
+                  <MenuItem key={dep.id} value={dep.id}>
+                    {dep.displayName}
+                  </MenuItem>
+                ))}
+              </TextField>
+              <TextField
+                fullWidth
+                label="تلفن داخلي"
+                name="internalPhone"
+                value={form.internalPhone}
+                onChange={handleChange}
+              />
+            </div>
+
+            <div className="flex items-center justify-start gap-x-5">
+              <TextField
+                select
+                fullWidth
+                label="نوع درخواست"
+                name="requestType"
+                value={form.requestType}
+                onChange={handleChange}
+              >
+                {requestType.map((dep) => (
+                  <MenuItem key={dep.id} value={dep.id}>
+                    {dep.displayName}
+                  </MenuItem>
+                ))}
+              </TextField>
+              {showFieldRelatedSystem && (
+                <TextField
+                  select
+                  fullWidth
+                  size="medium"
+                  label="نرم افزار مرتبط"
+                  name="relatedSystem"
+                  value={form.relatedSystem}
+                  onChange={handleChange}
+                >
+                  {hospitalSoftwares.map((item) => (
+                    <MenuItem value={item.id}>{item.displayName}</MenuItem>
+                  ))}
+                </TextField>
+              )}
+              <TextField
+                fullWidth
+                label="محل وقوع مشكل"
+                name="location"
+                value={form.location}
+                onChange={handleChange}
+              />
+            </div>
+
+            <div className="flex flex-col gap-y-5">
+              <TextField
+                multiline
+                rows={4}
+                fullWidth
+                label="توضيحات"
+                name="description"
+                value={form.description}
+                onChange={handleChange}
+              />
+              <TextField
+                multiline
+                rows={3}
+                fullWidth
+                label="اقدام helpdesk"
+                name="helpdeskAction"
+                value={form.helpdeskAction}
+                onChange={handleChange}
+              />
+            </div>
+
+            <div className="flex items-center justify-start gap-x-5">
+              <TextField
+                select
+                fullWidth
+                label="ارجاع به"
+                name="assignedTo"
+                value={form.assignedTo}
+                onChange={handleChange}
+              >
+                {users.map((dep) => (
+                  <MenuItem key={dep.id} value={dep.id}>
+                    {dep.fullname}
+                  </MenuItem>
+                ))}
+              </TextField>
+              <TextField
+                select
+                fullWidth
+                size="medium"
+                label="اولويت درخواست"
+                name="priority"
+                value={form.priority}
+                onChange={handleChange}
+              >
+                {ticketPriorities?.map((p: any) => (
+                  <MenuItem key={p.id} value={p.id}>
+                    {p.displayName}
+                  </MenuItem>
+                ))}
+              </TextField>
+              <TextField
+                select
+                fullWidth
+                label="وضعيت درخواست"
+                name="status"
+                value={form.status}
+                onChange={handleChange}
+              >
+                {ticketStatuses?.map((p: any) => (
+                  <MenuItem key={p.id} value={p.id}>
+                    {p.displayName}
+                  </MenuItem>
+                ))}
+              </TextField>
+            </div>
+
+            <div>
+              <TextField
+                multiline
+                rows={3}
+                fullWidth
+                label="توضيحات نهايي"
+                name="finalNotes"
+                value={form.finalNotes}
+                onChange={handleChange}
+              />
+            </div>
+
+            <Button
+              fullWidth
+              variant="contained"
+              type="submit"
+              sx={{
+                py: 1.5,
+                borderRadius: 3,
+                fontSize: 16,
+                fontWeight: 600,
+                background: "linear-gradient(90deg,#1976d2,#42a5f5,#64b5f6)",
+                boxShadow: "0 10px 25px rgba(25,118,210,0.4)",
+                "&:hover": {
+                  background: "linear-gradient(90deg,#1565c0,#1e88e5,#42a5f5)",
+                },
+              }}
+            >
+              ثبت تيكت
+            </Button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}