helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: qr code for new shared link (#16543)

Browse source
This commit is contained in:
Zack Pollard 2025-03-03 18:40:41 +00:00 • committed by GitHub
parent 6ef069b537
commit ff19502035
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 379 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

28
web/src/lib/components/shared-components/qrcode.svelte Normal file
View file

@ -0,0 +1,28 @@
<script lang="ts">
import QRCode from 'qrcode';
import { colorTheme } from '$lib/stores/preferences.store';
import { Theme } from '$lib/constants';
import { t } from 'svelte-i18n';
type Props = {
value: string;
width: number;
alt?: string;
};
const { value, width, alt = $t('alt_text_qr_code') }: Props = $props();
let promise = $derived(
QRCode.toDataURL(value, {
color: { dark: $colorTheme.value === Theme.DARK ? '#ffffffff' : '#000000ff', light: '#00000000' },
margin: 0,
width,
}),
);
</script>
<div style="width: {width}px; height: {width}px">
{#await promise then url}
<img src={url} {alt} class="h-full w-full" />
{/await}
</div>