From 24cf881a24b7f796e802a9a39d3d49f4bb4d861a Mon Sep 17 00:00:00 2001
From: hossein taromi <hosseintaromii@gmail.com>
Date: Tue, 25 Nov 2025 11:53:46 +0330
Subject: [PATCH] refactor(tickets): update render functions in
 TicketConfigPage and TicketsListPage to use specific types for improved type
 safety

---
 .../tickets/ticket-config/TicketConfigPage.tsx     |  8 ++++----
 src/pages/tickets/tickets-list/TicketsListPage.tsx | 14 +++++++++-----
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/pages/tickets/ticket-config/TicketConfigPage.tsx b/src/pages/tickets/ticket-config/TicketConfigPage.tsx
index 1a87003..903899e 100644
--- a/src/pages/tickets/ticket-config/TicketConfigPage.tsx
+++ b/src/pages/tickets/ticket-config/TicketConfigPage.tsx
@@ -183,7 +183,7 @@ const TicketConfigPage = () => {
       {
         key: "actions",
         label: "عملیات",
-        render: (_val, row: TicketDepartment) => (
+        render: (_val: unknown, row: TicketDepartment) => (
           <div className="flex items-center justify-end gap-2">
             <button
               className="text-primary-600"
@@ -225,7 +225,7 @@ const TicketConfigPage = () => {
       {
         key: "actions",
         label: "عملیات",
-        render: (_val, row: TicketStatus) => (
+        render: (_val: unknown, row: TicketStatus) => (
           <div className="flex items-center justify-end gap-2">
             <button
               className="text-primary-600"
@@ -261,7 +261,7 @@ const TicketConfigPage = () => {
         key: "department",
         label: "دپارتمان",
         align: "right",
-        render: (_val, row: TicketSubject) => row.department?.name || "-",
+        render: (_val: unknown, row: TicketSubject) => row.department?.name || "-",
       },
       { key: "slug", label: "شناسه", align: "right" },
       { key: "position", label: "ترتیب", align: "center" },
@@ -273,7 +273,7 @@ const TicketConfigPage = () => {
       {
         key: "actions",
         label: "عملیات",
-        render: (_val, row: TicketSubject) => (
+        render: (_val: unknown, row: TicketSubject) => (
           <div className="flex items-center justify-end gap-2">
             <button
               className="text-primary-600"
diff --git a/src/pages/tickets/tickets-list/TicketsListPage.tsx b/src/pages/tickets/tickets-list/TicketsListPage.tsx
index 37a36d5..f29d868 100644
--- a/src/pages/tickets/tickets-list/TicketsListPage.tsx
+++ b/src/pages/tickets/tickets-list/TicketsListPage.tsx
@@ -5,7 +5,11 @@ import {
   useTicketStatuses,
   useTickets,
 } from "../core/_hooks";
-import { TicketFilters, TicketStatus } from "../core/_models";
+import {
+  TicketFilters,
+  TicketStatus,
+  TicketSummary,
+} from "../core/_models";
 import { PageContainer, PageTitle } from "@/components/ui/Typography";
 import { Button } from "@/components/ui/Button";
 import { Input } from "@/components/ui/Input";
@@ -51,13 +55,13 @@ const TicketsListPage = () => {
         key: "department",
         label: "دپارتمان",
         align: "right",
-        render: (_val, row: any) => row.department?.name || "-",
+        render: (_val: unknown, row: TicketSummary) => row.department?.name || "-",
       },
       {
         key: "status",
         label: "وضعیت",
         align: "right",
-        render: (_val, row: any) => (
+        render: (_val: unknown, row: TicketSummary) => (
           <span
             className={`px-2 py-1 rounded-full text-xs font-medium ${statusColor(
               row.status
@@ -71,7 +75,7 @@ const TicketsListPage = () => {
         key: "assigned_to",
         label: "مسئول",
         align: "right",
-        render: (_val, row: any) =>
+        render: (_val: unknown, row: TicketSummary) =>
           row.assigned_user
             ? `${row.assigned_user.first_name || ""} ${
                 row.assigned_user.last_name || ""
@@ -88,7 +92,7 @@ const TicketsListPage = () => {
         key: "actions",
         label: "عملیات",
         align: "right",
-        render: (_val, row: any) => (
+        render: (_val: unknown, row: TicketSummary) => (
           <button
             onClick={() => navigate(`/tickets/${row.id}`)}
             className="text-primary-600 hover:text-primary-800"