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 }) => {
+
@@ -309,7 +311,7 @@ const TRexLogsTable = ({ vin, token, classes }) => {
- {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) => (
{log.level}
{log.trex_timestamp}