refactor(tickets): update render functions in TicketConfigPage and TicketsListPage to use specific types for improved type safety
This commit is contained in:
parent
554f050941
commit
24cf881a24
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in New Issue