CEC-3577: reverse logs order, set default date to UTC (#311)

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>