From 7c3939f85987bf6b082403cfeedb8b0d50eda1fa Mon Sep 17 00:00:00 2001
From: Steven Clontz <steven.clontz@gmail.com>
Date: Mon, 21 Oct 2024 21:01:47 -0500
Subject: [PATCH] add sync component to footer (#182)

* add sync component to footer

* style Age.svelte

* lint
---
 packages/viewer/src/components/Footer.svelte     |  9 ++++++++-
 packages/viewer/src/components/Shared/Age.svelte | 14 +++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/packages/viewer/src/components/Footer.svelte b/packages/viewer/src/components/Footer.svelte
index 0aeb6d3e..63f84523 100644
--- a/packages/viewer/src/components/Footer.svelte
+++ b/packages/viewer/src/components/Footer.svelte
@@ -1,6 +1,10 @@
+<script lang="ts">
+  import Sync from './Dev/Sync.svelte'
+</script>
+
 <!-- Footer -->
 <footer class="text-center bg-light text-muted">
-  <div class="p-4">
+  <div class="pt-4">
     Data © {new Date().getFullYear()} Steven Clontz and James Dabbs (<a
       class="text-dark"
       href="https://github.com/pi-base/data/blob/main/LICENSE.md">CC-BY</a
@@ -10,4 +14,7 @@
     >) |
     <a class="text-dark" href="https://github.com/pi-base">GitHub</a>
   </div>
+  <div class="p-2">
+    Data last synchonized: <Sync />
+  </div>
 </footer>
diff --git a/packages/viewer/src/components/Shared/Age.svelte b/packages/viewer/src/components/Shared/Age.svelte
index f0b8a913..243daff3 100644
--- a/packages/viewer/src/components/Shared/Age.svelte
+++ b/packages/viewer/src/components/Shared/Age.svelte
@@ -14,6 +14,18 @@
 
     return () => clearInterval(interval)
   })
+
+  let klass: string = ''
+  const DAY = 1000 * 60 * 60 * 24
+  const WEEK = DAY * 7
+
+  $: if (Date.now() > new Date(date).getTime() + WEEK) {
+    klass = 'text-danger'
+  } else if (Date.now() > new Date(date).getTime() + DAY) {
+    klass = 'text-warning'
+  } else {
+    klass = 'text-info'
+  }
 </script>
 
-{$age}
+<span class={klass}>{$age}</span>