]> git.r.bdr.sh - rbdr/forum/blame - src/lib/components/topic_summary/topic_summary.svelte
Use supabase
[rbdr/forum] / src / lib / components / topic_summary / topic_summary.svelte
CommitLineData
a7cf03c1 1<script lang="ts">
be1ce532
RBR
2 import type { Topic } from '$lib/data/types';
3
4 export let topic: Topic;
c1bc5993 5
58f7d521 6 import { _ } from 'svelte-i18n';
a7cf03c1 7 import { readableTime } from '$lib/utils/readable_time';
c1bc5993 8
852ee620 9 $: remainingTime = new Date(topic.updated_at).getTime() + topic.ttl - Date.now();
58f7d521 10 $: remaining = readableTime(remainingTime);
c1bc5993
RBR
11</script>
12
58f7d521 13<li class="h-entry" title={$_('topic.title')}>
cac85db0 14 <span class="p-name">
852ee620 15 <a class="u-url u-uid underline text-blue-600 visited:text-purple-500" title={$_('topic.permalink_title')} href="/t/{topic.id}">
cac85db0
RBR
16 {topic.title}
17 </a></span
18 >
19 <span class="topic-ttl"
20 >({$_('topic.remaining_time', {
58f7d521 21 values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) }
cac85db0
RBR
22 })})
23 </span>
c1bc5993 24</li>