update

src/components/page/consultation/TableHistoryPatient/TableHistoryPatient.tsx

@@ -18,6 +18,7 @@ import Table from "@/components/customs/custom-table";
 import StateActive from "@/components/customs/StateActive";
 import Pagination from "@/components/customs/custom-pagination";
 import Search from "@/components/customs/custom-search";
+import moment from "moment";
 
 const TableHistoryPatient = () => {
   const searchParams = useSearchParams();
@@ -129,7 +130,13 @@ const TableHistoryPatient = () => {
             },
             {
               title: "NGÀY KHÁM",
-              render: (item: ConsultationItem) => <span>{item.visitDate}</span>,
+              render: (item: ConsultationItem) => (
+                <span>
+                  {item.visitDate
+                    ? moment(item.visitDate).format("DD/MM/YYYY")
+                    : "---"}
+                </span>
+              ),
             },
             {
               title: "DẤU HIỆU",
@@ -151,27 +158,44 @@ const TableHistoryPatient = () => {
                   listState={[
                     {
                       state: TYPE_STATUS.Draft,
-                      text: "Đang chờ",
-                      textColor: "#000",
-                      backgroundColor: "#FFE4C4",
+                      text: "Đang chờ khám",
+                      textColor: "#92400E",
+                      backgroundColor: "#FEF3C7",
                     },
+
                     {
                       state: TYPE_STATUS.InProgress,
-                      text: "Đang thực hiện",
-                      textColor: "#000",
-                      backgroundColor: "#ff3300",
+                      text: "Đang khám tổng quát",
+                      textColor: "#1E3A8A",
+                      backgroundColor: "#DBEAFE",
                     },
+
+                    {
+                      state: TYPE_STATUS.ToSpecialty,
+                      text: "Chờ khám chuyên khoa",
+                      textColor: "#6B21A8",
+                      backgroundColor: "#E9D5FF",
+                    },
+
+                    {
+                      state: TYPE_STATUS.PendingPrescription,
+                      text: "Chờ nhận thuốc/kính",
+                      textColor: "#9A3412",
+                      backgroundColor: "#FED7AA",
+                    },
+
                     {
                       state: TYPE_STATUS.Completed,
                       text: "Hoàn thành",
-                      textColor: "#000",
-                      backgroundColor: "#3d69eb",
+                      textColor: "#166534",
+                      backgroundColor: "#DCFCE7",
                     },
+
                     {
                       state: TYPE_STATUS.Cancelled,
                       text: "Đã hủy",
-                      textColor: "#000",
-                      backgroundColor: "#cccccc",
+                      textColor: "#991B1B",
+                      backgroundColor: "#FEE2E2",
                     },
                   ]}
                 />