From 9bbf9b9789f6f1bb6cd55ebc3ebe1b0e811d7b3d Mon Sep 17 00:00:00 2001
From: Viet Anh Nguyen <nv.anh5@samsung.com>
Date: Mon, 5 Feb 2024 15:19:46 +0700
Subject: [PATCH] Show filters on report list

---
 .../components/report-detail/report-table.tsx | 32 +++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)

diff --git a/cope2n-fe/src/components/report-detail/report-table.tsx b/cope2n-fe/src/components/report-detail/report-table.tsx
index 5abab84..1b51e11 100644
--- a/cope2n-fe/src/components/report-detail/report-table.tsx
+++ b/cope2n-fe/src/components/report-detail/report-table.tsx
@@ -39,12 +39,40 @@ const ReportTable: React.FC = () => {
       key: 'ID',
     },
     {
-      title: 'Created Date',
+      title: 'Report Date',
       dataIndex: 'Created Date',
       key: 'Created Date',
       render: (_, record) => {
         return <span>{record['Created Date'].toString().split('T')[0]}</span>;
       },
+      width: 110,
+    },
+    {
+      title: 'Start Date',
+      dataIndex: 'Start Date',
+      key: 'Start Date',
+      render: (_, record) => {
+        return <span>{record['Start Date'].toString().split('T')[0]}</span>;
+      },
+      width: 110,
+    },
+    {
+      title: 'End Date',
+      dataIndex: 'End Date',
+      key: 'End Date',
+      render: (_, record) => {
+        return <span>{record['End Date'].toString().split('T')[0]}</span>;
+      },
+      width: 110,
+    },
+    {
+      title: 'Subsidiary',
+      dataIndex: 'Subsidiary',
+      key: 'Subsidiary',
+      render: (_, record) => {
+        return <span>{String(record['Subsidiary']).toUpperCase()}</span>;
+       },
+      width: 110,
     },
     {
       title: 'No. Requests',
@@ -148,7 +176,7 @@ const ReportTable: React.FC = () => {
       title: 'Actions',
       dataIndex: 'actions',
       key: 'actions',
-      width: 210,
+      width: 240,
       render: (_, record) => {
         return (
           <div style={{ flexDirection: 'row' }}>