From 5a2c022dfd1808a0b0195e0ae68a28aded6a1df3 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Mon, 22 Jun 2020 20:51:04 +0000
Subject: [PATCH] Fix UI bugs

---
 webclient/public/index.html | 2 +-
 webclient/src/Home.js       | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/webclient/public/index.html b/webclient/public/index.html
index 4abe047..85f68b7 100644
--- a/webclient/public/index.html
+++ b/webclient/public/index.html
@@ -20,7 +20,7 @@
 
 	</head>
 	<body>
-		<noscript>You need to enable JavaScript to run this app.</noscript>
+		<noscript style="background: white">You need to enable JavaScript to run this app.</noscript>
 		<div id="root"></div>
 		<!--
 			This HTML file is a template.
diff --git a/webclient/src/Home.js b/webclient/src/Home.js
index 48068a2..b7d5f7a 100644
--- a/webclient/src/Home.js
+++ b/webclient/src/Home.js
@@ -145,6 +145,7 @@ export function Home(props) {
 	}, [refreshCount]);
 
 	const getStat = (x) => stats && stats[x] ? stats[x] : '?';
+	const getZeroStat = (x) => stats && stats[x] ? stats[x] : '0';
 	const getDateStat = (x) => stats && stats[x] ? moment.utc(stats[x]).tz('America/Edmonton').format('ll') : '?';
 
 	const mcPlayers = stats && stats['minecraft_players'] ? stats['minecraft_players'] : [];
@@ -197,7 +198,7 @@ export function Home(props) {
 							<p>Member count: {getStat('member_count')} <Link to='/charts'>[more]</Link></p>
 							<p>Green members: {getStat('green_count')}</p>
 							<p>Old members: {getStat('paused_count')}</p>
-							<p>Card scans today: {getStat('card_scans')}</p>
+							<p>Card scans today: {getZeroStat('card_scans')}</p>
 
 							<p>
 								Minecraft players: {mcPlayers.length} <Popup content={