JavaScript-optional public web frontend for Bluesky
anartia.kelinci.net
sveltekit
atcute
bluesky
typescript
svelte
fix: always do long-date formatting for now
+2
-11
+2
-11
src/routes/(app)/[actor=did]/[rkey=tid]/unroll/+page.svelte
+2
-11
src/routes/(app)/[actor=did]/[rkey=tid]/unroll/+page.svelte
···
1
1
<script lang="ts">
2
2
import type { AppBskyFeedPost } from '@atcute/client/lexicons';
3
3
import { cluster } from '@mary/array-fns';
4
-
import { isSameCalendarDate } from '@mary/date-fns';
5
4
6
5
import { base } from '$app/paths';
7
6
import { PUBLIC_APP_NAME } from '$env/static/public';
···
9
8
10
9
import { findLabel, FlagsBlurMedia } from '$lib/moderation';
11
10
import { parseAtUri } from '$lib/types/at-uri';
12
-
import { formatLongDate, formatTime } from '$lib/utils/intl/date';
13
11
import { truncateMiddle, truncateRight } from '$lib/utils/strings';
14
12
15
13
import Avatar from '$lib/components/avatar.svelte';
16
14
import BubblesOutlined from '$lib/components/central-icons/bubbles-outlined.svelte';
17
15
import Embeds from '$lib/components/embeds/embeds.svelte';
16
+
import Time from '$lib/components/islands/time.svelte';
18
17
import OverflowMenu from '$lib/components/overflow-menu.svelte';
19
18
import PageContainer from '$lib/components/page/page-container.svelte';
20
19
import RichtextRenderer from '$lib/components/richtext-renderer.svelte';
21
-
import Time from '$lib/components/islands/time.svelte';
22
20
23
21
const { data }: PageProps = $props();
24
22
···
89
87
{@const first = cluster[0]}
90
88
{@const date = new Date(first.indexedAt)}
91
89
92
-
{@const prevCluster = clusters[idx - 1] as typeof cluster | undefined}
93
-
{@const prevClusterDate = prevCluster && new Date(prevCluster[0].indexedAt)}
94
-
95
90
<li class="item" role="article">
96
91
<div class="aside">
97
92
<div class="dot"></div>
···
104
99
<div class="content">
105
100
<p class="meta">
106
101
<span class="date">
107
-
{#if !prevClusterDate || !isSameCalendarDate(date, prevClusterDate)}
108
-
<Time {date} format="long-date" />
109
-
{:else}
110
-
<Time {date} format="time" />
111
-
{/if}
102
+
<Time {date} format="long-date" />
112
103
</span>
113
104
</p>
114
105