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

This commit is contained in:
Eduard Voronkin
2023-04-06 21:09:39 -07:00
committed by GitHub
parent 2fdac28b0b
commit 0520a4f0a8

View File

@@ -128,7 +128,8 @@ const TRexLogsTable = ({ vin, token, classes }) => {
const [logs, setLogs] = useState([]); const [logs, setLogs] = useState([]);
const [pageIndex, setPageIndex] = useState(0); const [pageIndex, setPageIndex] = useState(0);
const [pageSize, setPageSize] = useState(DEFAULT_PAGE_SIZE); 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 [total, setTotal] = useState(0);
const { setMessage } = useStatusContext(); const { setMessage } = useStatusContext();
@@ -271,7 +272,7 @@ const TRexLogsTable = ({ vin, token, classes }) => {
format="yyyy/MM/dd" format="yyyy/MM/dd"
margin="normal" margin="normal"
id="date-picker-inline" id="date-picker-inline"
label="Choose date" label="Choose date (UTC)"
value={selectedDate} value={selectedDate}
onChange={handleNewDate} onChange={handleNewDate}
KeyboardButtonProps={{ KeyboardButtonProps={{
@@ -295,6 +296,7 @@ const TRexLogsTable = ({ vin, token, classes }) => {
<br></br> <br></br>
<button onClick={downloadFile} disabled={blobSize === 0}>Download Log File</button> <button onClick={downloadFile} disabled={blobSize === 0}>Download Log File</button>
</TableCell> </TableCell>
</TableRow> </TableRow>
</Table> </Table>
@@ -309,7 +311,7 @@ const TRexLogsTable = ({ vin, token, classes }) => {
</TableRow> </TableRow>
</TableHead > </TableHead >
<TableBody> <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} > <TableRow key={log.trex_timestamp + log.cloud_timestamp} >
<TableCell align="center">{log.level}</TableCell> <TableCell align="center">{log.level}</TableCell>
<TableCell align="center" style={{ wordBreak: "break-all" }}>{log.trex_timestamp}</TableCell> <TableCell align="center" style={{ wordBreak: "break-all" }}>{log.trex_timestamp}</TableCell>