From 22671156a98f6553980408e368c784ea8b84a3e4 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Mon, 15 Mar 2021 14:55:59 +0100
Subject: [PATCH] =?UTF-8?q?=E2=8C=9A=20added=20live=20clock=20widget?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #1
---
 app/src/Scanner.svelte | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/src/Scanner.svelte b/app/src/Scanner.svelte
index 376abf9..de09e37 100644
--- a/app/src/Scanner.svelte
+++ b/app/src/Scanner.svelte
@@ -1,4 +1,6 @@
 <div>
+    <h1 class="font-semibold w-full text-center text-gray-900">Lauf Für Kaya! Scan 📷</h1>
+    <h1 class="mr-6 text-6xl font-semibold text-center text-gray-900">{hours}:{minutes}:{seconds}</h1>
     <h1 class="mr-6 text-lg font-semibold text-right text-gray-900">configured lap: 400m</h1>
     <h1 class="mr-6 text-lg font-semibold text-right text-gray-900">minimum lap time: 10s</h1>
     <div class="w-full p-3 text-right">
@@ -34,4 +36,12 @@
 <script>
     import {apikey} from './store.js';
     import {lang} from './store.js';
+	// live clock at the top
+    let time = new Date();
+	$: hours = (time.getHours()+"").padStart(2,"0");
+	$: minutes = (time.getMinutes()+"").padStart(2,"0");
+	$: seconds = (time.getSeconds()+"").padStart(2,"0");
+    const interval = setInterval(() => {
+        time = new Date();
+    }, 1000);
 </script>
\ No newline at end of file