From b91f3bfb011a0ecec290c7504c8d16c1e8872de6 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Sun, 26 Jul 2020 05:29:22 +0000
Subject: [PATCH] Display Trotec last usage time

---
 webclient/src/Home.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/webclient/src/Home.js b/webclient/src/Home.js
index 5a99497..7ac7b4a 100644
--- a/webclient/src/Home.js
+++ b/webclient/src/Home.js
@@ -151,6 +151,8 @@ export function Home(props) {
 	const mcPlayers = stats && stats['minecraft_players'] ? stats['minecraft_players'] : [];
 
 	const getTrackStat = (x) => stats && stats.track && stats.track[x] && moment().unix() - stats.track[x] > 60 ? 'Free' : 'In Use';
+	const getTrackLast = (x) => stats && stats.track && stats.track[x] ? moment.unix(stats.track[x]).tz('America/Edmonton').format('llll') : 'Unknown';
+	const getTrackAgo = (x) => stats && stats.track && stats.track[x] ? moment.unix(stats.track[x]).tz('America/Edmonton').fromNow() : '';
 
 	return (
 		<Container>
@@ -217,7 +219,17 @@ export function Home(props) {
 								} trigger={<a>[more]</a>} />
 							</p>
 
-							<p>Trotec availability: {getTrackStat('TROTECS300')}</p>
+							<p>
+								Trotec availability: {getTrackStat('TROTECS300')} <Popup content={
+									<React.Fragment>
+										<p>
+											Last use:<br />
+											{getTrackLast('TROTECS300')}<br />
+											{getTrackAgo('TROTECS300')}
+										</p>
+									</React.Fragment>
+								} trigger={<a>[more]</a>} />
+							</p>
 						</div>
 
 					</Segment>