System page: add last updated time ago (#5195)

This commit is contained in:
James L
2023-01-27 12:20:41 +00:00
committed by GitHub
parent 7926ddd008
commit 11054daebe
3 changed files with 13 additions and 3 deletions

View File

@@ -9,6 +9,7 @@ import axios from 'axios';
import { Table, Tbody, Thead, Tr, Th, Td } from '../components/Table';
import { useState } from 'preact/hooks';
import Dialog from '../components/Dialog';
import TimeAgo from '../components/TimeAgo';
import copy from 'copy-to-clipboard';
const emptyObject = Object.freeze({});
@@ -84,6 +85,12 @@ export default function System() {
System <span className="text-sm">{service.version}</span>
</Heading>
{service.last_updated && (
<p>
<span>Last refreshed: <TimeAgo time={service.last_updated * 1000} dense /></span>
</p>
)}
{state.showFfprobe && (
<Dialog>
<div className="p-4">
@@ -247,11 +254,11 @@ export default function System() {
<Td>{cameras[camera]['pid'] || '- '}</Td>
{(() => {
if (cameras[camera]['pid'] && cameras[camera]['detection_enabled'] == 1)
if (cameras[camera]['pid'] && cameras[camera]['detection_enabled'] == 1)
return <Td>{cameras[camera]['detection_fps']} ({cameras[camera]['skipped_fps']} skipped)</Td>
else if (cameras[camera]['pid'] && cameras[camera]['detection_enabled'] == 0)
else if (cameras[camera]['pid'] && cameras[camera]['detection_enabled'] == 0)
return <Td>disabled</Td>
return <Td>- </Td>
})()}