diff --git a/packages/viewer/src/components/Footer.svelte b/packages/viewer/src/components/Footer.svelte index 0aeb6d3..63f8452 100644 --- a/packages/viewer/src/components/Footer.svelte +++ b/packages/viewer/src/components/Footer.svelte @@ -1,6 +1,10 @@ + + diff --git a/packages/viewer/src/components/Shared/Age.svelte b/packages/viewer/src/components/Shared/Age.svelte index f0b8a91..243daff 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' + } -{$age} +{$age}