mirror of
https://github.com/immich-app/immich
synced 2025-11-14 17:36:12 +00:00
41 lines
1.2 KiB
Svelte
41 lines
1.2 KiB
Svelte
|
<script lang="ts">
|
||
|
|
import SharedLinkCopy from '$lib/components/sharedlinks-page/actions/shared-link-copy.svelte';
|
||
|
|
import { locale } from '$lib/stores/preferences.store';
|
||
|
|
import type { AlbumResponseDto, SharedLinkResponseDto } from '@immich/sdk';
|
||
|
|
import { Text } from '@immich/ui';
|
||
|
|
import { DateTime } from 'luxon';
|
||
|
|
import { t } from 'svelte-i18n';
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
album: AlbumResponseDto;
|
||
|
|
sharedLink: SharedLinkResponseDto;
|
||
|
|
};
|
||
|
|
|
||
|
|
const { album, sharedLink }: Props = $props();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div class="flex justify-between items-center">
|
||
|
|
<div class="flex flex-col gap-1">
|
||
|
|
<Text size="small">{sharedLink.description || album.albumName}</Text>
|
||
|
|
<Text size="tiny" color="muted"
|
||
|
|
>{[
|
||
|
|
DateTime.fromISO(sharedLink.createdAt).toLocaleString(
|
||
|
|
{
|
||
|
|
month: 'long',
|
||
|
|
day: 'numeric',
|
||
|
|
year: 'numeric',
|
||
|
|
},
|
||
|
|
{ locale: $locale },
|
||
|
|
),
|
||
|
|
sharedLink.allowUpload && $t('upload'),
|
||
|
|
sharedLink.allowDownload && $t('download'),
|
||
|
|
sharedLink.showMetadata && $t('exif'),
|
||
|
|
sharedLink.password && $t('password'),
|
||
|
|
]
|
||
|
|
.filter(Boolean)
|
||
|
|
.join(' • ')}</Text
|
||
|
|
>
|
||
|
|
</div>
|
||
|
|
<SharedLinkCopy link={sharedLink} />
|
||
|
|
</div>
|