X-Git-Url: https://git.r.bdr.sh/rbdr/forum/blobdiff_plain/a7cf03c192470cbab13edeb1aec99e0c66dede10..HEAD:/src/lib/components/topic_summary/topic_summary.svelte

diff --git a/src/lib/components/topic_summary/topic_summary.svelte b/src/lib/components/topic_summary/topic_summary.svelte
index bfcf8ab..8c4df4d 100644
--- a/src/lib/components/topic_summary/topic_summary.svelte
+++ b/src/lib/components/topic_summary/topic_summary.svelte
@@ -1,23 +1,28 @@
 <script lang="ts">
-	export let topic;
+	import type { Topic } from '$lib/data/types';
+
+	export let topic: Topic;
 
 	import { _ } from 'svelte-i18n';
 	import { readableTime } from '$lib/utils/readable_time';
 
-	$: remainingTime = topic.updated_at + topic.ttl - Date.now();
+	$: remainingTime = new Date(topic.updated_at).getTime() + topic.ttl - Date.now();
 	$: remaining = readableTime(remainingTime);
 </script>
 
 <li class="h-entry" title={$_('topic.title')}>
-  <span class="p-name">
-    <a class="u-url u-uid" title={$_('topic.permalink_title')} href="/t/{topic.id}">
-      {topic.title}
-  </a></span>
-    <span class="topic-ttl">({$_('topic.remaining_time', {
+	<span class="p-name">
+		<a
+			class="u-url u-uid underline text-blue-600 visited:text-purple-500"
+			title={$_('topic.permalink_title')}
+			href="/t/{topic.id}"
+		>
+			{topic.title}
+		</a></span
+	>
+	<span class="topic-ttl"
+		>({$_('topic.remaining_time', {
 			values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) }
-      })})
-    </span>
+		})})
+	</span>
 </li>
-
-<style>
-</style>