From e6ebbfa32bed2d944df2564326541d3dd700ab2c Mon Sep 17 00:00:00 2001
From: krz <maxlav78@gmail.com>
Date: Sat, 8 Jul 2023 01:02:28 +0200
Subject: [PATCH] Updated table display on WoW UploadTimers

---
 app/routes/wow/upload-timers/index.tsx | 18 +++++++++++-------
 app/tailwind.css                       |  4 ++++
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/app/routes/wow/upload-timers/index.tsx b/app/routes/wow/upload-timers/index.tsx
index 52c516c1..869d6c78 100644
--- a/app/routes/wow/upload-timers/index.tsx
+++ b/app/routes/wow/upload-timers/index.tsx
@@ -48,19 +48,23 @@ export default Index
 
 const columnList: Array<ColumnList<UploadTimersItem>> = [
   { columnId: 'dataSetID', header: 'Data Set ID' },
-  { columnId: 'dataSetName', header: 'Data Set Name' },
   { columnId: 'lastUploadMinute', header: 'Last Upload Minute' },
   { columnId: 'lastUploadTimeRaw', header: 'Last Upload Time Raw' },
-  { columnId: 'lastUploadUnix', header: 'Last Upload Unix' },
   { columnId: 'region', header: 'Region' },
-  { columnId: 'tableName', header: 'Table Name' }
+  {
+    columnId: 'dataSetName',
+    header: 'Data Set Name',
+    accessor: ({ row }) => (
+      <p className="text-start">{row.dataSetName.join(', ')}</p>
+    )
+  }
 ]
 
-const selectOptions = ['lastUploadMinute']
+const selectOptions = ['dataSetID', 'lastUploadMinute', 'region', 'dataSetName']
 
-const sortingOrder = [{ id: 'lastUploadMinute', desc: true }]
+const sortingOrder = [{ id: 'dataSetID', desc: true }]
 
 const mobileColumnList: Array<ColumnList<UploadTimersItem>> = [
-  { columnId: 'dataSetName', header: 'Data Set Name' },
-  { columnId: 'lastUploadMinute', header: 'Last Upload Minute' }
+  { columnId: 'lastUploadMinute', header: 'Last Upload Minute' },
+  { columnId: 'dataSetName', header: 'Data Set Name' }
 ]
diff --git a/app/tailwind.css b/app/tailwind.css
index c2aaab33..76c144c5 100644
--- a/app/tailwind.css
+++ b/app/tailwind.css
@@ -1956,6 +1956,10 @@ select {
   text-align: center;
 }
 
+.text-start {
+  text-align: start;
+}
+
 .align-middle {
   vertical-align: middle;
 }