From 0520a4f0a82ac8ceb65fc39322cbeac3138bf9fe Mon Sep 17 00:00:00 2001
From: Eduard Voronkin <116690094+eduardvoronkin@users.noreply.github.com>
Date: Thu, 6 Apr 2023 21:09:39 -0700
Subject: [PATCH] CEC-3577: reverse logs order, set default date to UTC (#311)

---
 src/components/Controls/TRexLogs/index.jsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Controls/TRexLogs/index.jsx b/src/components/Controls/TRexLogs/index.jsx
index c8967df..d1b44f7 100644
--- a/src/components/Controls/TRexLogs/index.jsx
+++ b/src/components/Controls/TRexLogs/index.jsx
@@ -128,7 +128,8 @@ const TRexLogsTable = ({ vin, token, classes }) => {
   const [logs, setLogs] = useState([]);
   const [pageIndex, setPageIndex] = useState(0);
   const [pageSize, setPageSize] = useState(DEFAULT_PAGE_SIZE);
-  const [selectedDate, setSelectedDate] = useState(new Date());
+  const local_date = new Date()
+  const [selectedDate, setSelectedDate] = useState(new Date(local_date.getUTCFullYear(), local_date.getUTCMonth(), local_date.getUTCDate()));
   const [total, setTotal] = useState(0);
   const { setMessage } = useStatusContext();
 
@@ -271,7 +272,7 @@ const TRexLogsTable = ({ vin, token, classes }) => {
                 format="yyyy/MM/dd"
                 margin="normal"
                 id="date-picker-inline"
-                label="Choose date"
+                label="Choose date (UTC)"
                 value={selectedDate}
                 onChange={handleNewDate}
                 KeyboardButtonProps={{
@@ -295,6 +296,7 @@ const TRexLogsTable = ({ vin, token, classes }) => {
             <br></br>
             <button onClick={downloadFile} disabled={blobSize === 0}>Download Log File</button>
           </TableCell>
+
         </TableRow>
       </Table>
 
@@ -309,7 +311,7 @@ const TRexLogsTable = ({ vin, token, classes }) => {
           </TableRow>
         </TableHead >
         <TableBody>
-          {getFilteredLogs(logs).slice(-getDesiredSize(), (pageIndex === 0 ? undefined : -(pageSize * pageIndex))).map((log, i) => (
+          {getFilteredLogs(logs).slice(-getDesiredSize(), (pageIndex === 0 ? undefined : -(pageSize * pageIndex))).reverse().map((log, i) => (
             <TableRow key={log.trex_timestamp + log.cloud_timestamp} >
               <TableCell align="center">{log.level}</TableCell>
               <TableCell align="center" style={{ wordBreak: "break-all" }}>{log.trex_timestamp}</TableCell>