fix(web): shared link date range (#15802)

This commit is contained in:
Jason Rasmussen 2025-01-30 18:36:45 -05:00 committed by GitHub
parent 844eed8707
commit c016b65ef2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 57 additions and 25 deletions

View file

@ -1,6 +1,5 @@
<script lang="ts">
import { dateFormats } from '$lib/constants';
import { locale } from '$lib/stores/preferences.store';
import { getAlbumDateRange } from '$lib/utils/date-time';
import type { AlbumResponseDto } from '@immich/sdk';
import { t } from 'svelte-i18n';
@ -9,31 +8,10 @@
}
let { album }: Props = $props();
const formatDate = (date?: string) => {
const dateWithoutTimeZone = date?.slice(0, -1);
return dateWithoutTimeZone
? new Date(dateWithoutTimeZone).toLocaleDateString($locale, dateFormats.album)
: undefined;
};
const getDateRange = (start?: string, end?: string) => {
if (start && end && start !== end) {
return `${start} - ${end}`;
}
if (start) {
return start;
}
return '';
};
let startDate = $derived(formatDate(album.startDate));
let endDate = $derived(formatDate(album.endDate));
</script>
<span class="my-2 flex gap-2 text-sm font-medium text-gray-500" data-testid="album-details">
<span>{getDateRange(startDate, endDate)}</span>
<span>{getAlbumDateRange(album)}</span>
<span></span>
<span>{$t('items_count', { values: { count: album.assetCount } })}</span>
</span>