feat(web): filter shared links for albums

web/src/lib/components/album-page/user-selection-modal.svelte

@@ -174,7 +174,7 @@
 
     {#if sharedLinks.length}
       <a
-        href={AppRoute.SHARED_LINKS}
+        href={`${AppRoute.SHARED_LINKS}/album/${album.id}`}
         class="flex flex-col place-content-center place-items-center gap-2 hover:cursor-pointer"
       >
         <Icon path={mdiShareCircle} size={24} />

web/src/params/shareType.ts

@@ -0,0 +1,5 @@
+import type { ParamMatcher } from '@sveltejs/kit';
+
+export const match: ParamMatcher = (param: string) => {
+  return param === 'album' || param === 'individual';
+};

web/src/routes/(user)/sharing/sharedlinks/+page.svelte → web/src/routes/(user)/sharing/sharedlinks/[[type=shareType]]/[[sharedItemId=id]]/+page.svelte

@@ -12,14 +12,22 @@
   import { getAllSharedLinks, removeSharedLink, type SharedLinkResponseDto } from '@immich/sdk';
   import { mdiArrowLeft } from '@mdi/js';
   import { onMount } from 'svelte';
+  import type { PageData } from './$types';
   import { dialogController } from '$lib/components/shared-components/dialog/dialog';
   import { t } from 'svelte-i18n';
 
+  export let data: PageData;
+
   let sharedLinks: SharedLinkResponseDto[] = [];
   let editSharedLink: SharedLinkResponseDto | null = null;
 
   const refresh = async () => {
     sharedLinks = await getAllSharedLinks();
+    if (data.sharedItem.type === 'album') {
+      sharedLinks = sharedLinks.filter((link) => link.album?.id === data.sharedItem.id);
+    } else if (data.sharedItem.type === 'individual') {
+      sharedLinks = sharedLinks.filter((link) => link.assets.some((asset) => asset.id === data.sharedItem.id));
+    }
   };
 
   onMount(async () => {

web/src/routes/(user)/sharing/sharedlinks/[[type=shareType]]/[[sharedItemId=id]]/+page.ts

@@ -0,0 +1,26 @@
+import { authenticate } from '$lib/utils/auth';
+import { getFormatter } from '$lib/utils/i18n';
+import { getAssetInfoFromParam } from '$lib/utils/navigation';
+import { getAlbumInfo } from '@immich/sdk';
+import type { PageLoad } from './$types';
+
+export const load = (async ({ params }) => {
+  await authenticate();
+
+  if (params.type === 'album' && params.sharedItemId) {
+    await getAlbumInfo({ id: params.sharedItemId, withoutAssets: true });
+  } else if (params.type === 'individual') {
+    await getAssetInfoFromParam({ assetId: params.sharedItemId });
+  }
+  const $t = await getFormatter();
+
+  return {
+    sharedItem: {
+      type: params.type,
+      id: params.sharedItemId,
+    },
+    meta: {
+      title: $t('shared_links'),
+    },
+  };
+}) satisfies PageLoad;