mirror of
https://github.com/immich-app/immich
synced 2025-11-14 17:36:12 +00:00
a02e1f5e7c
* remove import and referenced file * first pass at replacing all CircleIconButtons * fix linting issues * fix combobox formatting issues * fix button context menu coloring * remove circle icon button from search history box * use theme switcher from UI lib * dark mode force the asset viewer icons * fix forced dark mode icons * dark mode memory viewer icons * fix: back button in memory viewer --------- Co-authored-by: Alex <alex.tran1502@gmail.com>
53 lines
1.6 KiB
Svelte
53 lines
1.6 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 { IconButton, Text } from '@immich/ui';
|
|
import { mdiQrcode } from '@mdi/js';
|
|
import { DateTime } from 'luxon';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
type Props = {
|
|
album: AlbumResponseDto;
|
|
sharedLink: SharedLinkResponseDto;
|
|
onViewQrCode: () => void;
|
|
};
|
|
|
|
const { album, sharedLink, onViewQrCode }: Props = $props();
|
|
|
|
const getShareProperties = () =>
|
|
[
|
|
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').toUpperCase(),
|
|
sharedLink.password && $t('password'),
|
|
]
|
|
.filter(Boolean)
|
|
.join(' • ');
|
|
</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">{getShareProperties()}</Text>
|
|
</div>
|
|
<div class="flex">
|
|
<IconButton
|
|
aria-label={$t('view_qr_code')}
|
|
shape="round"
|
|
color="secondary"
|
|
variant="ghost"
|
|
icon={mdiQrcode}
|
|
onclick={onViewQrCode}
|
|
/>
|
|
<SharedLinkCopy link={sharedLink} />
|
|
</div>
|
|
</div>
|