diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-01 00:56:06 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2022-05-01 00:56:06 +0200 |
| commit | a7cf03c192470cbab13edeb1aec99e0c66dede10 (patch) | |
| tree | 581b4430d1de958dcb666bae80a7678332134602 /src/lib/components/topic_summary/topic_summary.svelte | |
| parent | 010f307346e525ac2e4239a0549d2c1a4d6d102b (diff) | |
Update / use typescript
Diffstat (limited to 'src/lib/components/topic_summary/topic_summary.svelte')
| -rw-r--r-- | src/lib/components/topic_summary/topic_summary.svelte | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/lib/components/topic_summary/topic_summary.svelte b/src/lib/components/topic_summary/topic_summary.svelte new file mode 100644 index 0000000..bfcf8ab --- /dev/null +++ b/src/lib/components/topic_summary/topic_summary.svelte @@ -0,0 +1,23 @@ +<script lang="ts"> + export let topic; + + import { _ } from 'svelte-i18n'; + import { readableTime } from '$lib/utils/readable_time'; + + $: remainingTime = topic.updated_at + 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', { + values: { remaining: $_(remaining.label, { values: { count: remaining.count } }) } + })}) + </span> +</li> + +<style> +</style> |