From 3ece5769f140330c42e7f29ea3b6d19ea779e7f9 Mon Sep 17 00:00:00 2001
From: mgabor <>
Date: Wed, 17 Apr 2024 13:16:30 +0200
Subject: [PATCH] format and fix tests on web

---
 .../album-page/share-info-modal.svelte        |  10 +-
 .../(user)/albums/[albumId]/+page.svelte      | 104 +++++++++---------
 web/src/test-data/factories/album-factory.ts  |   1 +
 3 files changed, 61 insertions(+), 54 deletions(-)

diff --git a/web/src/lib/components/album-page/share-info-modal.svelte b/web/src/lib/components/album-page/share-info-modal.svelte
index d44e32af4e..ece9fc4404 100644
--- a/web/src/lib/components/album-page/share-info-modal.svelte
+++ b/web/src/lib/components/album-page/share-info-modal.svelte
@@ -4,8 +4,9 @@
     removeUserFromAlbum,
     type AlbumResponseDto,
     type UserResponseDto,
-    updateAlbumUser, AlbumUserRole,
-  } from '@immich/sdk'
+    updateAlbumUser,
+    AlbumUserRole,
+  } from '@immich/sdk';
   import { mdiDotsVertical } from '@mdi/js';
   import { createEventDispatcher, onMount } from 'svelte';
   import { getContextMenuPosition } from '../../utils/context-menu';
@@ -139,7 +140,10 @@
                     {#if role === AlbumUserRole.Viewer}
                       <MenuOption on:click={() => handleSetReadonly(user, AlbumUserRole.Editor)} text="Allow edits" />
                     {:else}
-                      <MenuOption on:click={() => handleSetReadonly(user, AlbumUserRole.Viewer)} text="Disallow edits" />
+                      <MenuOption
+                        on:click={() => handleSetReadonly(user, AlbumUserRole.Viewer)}
+                        text="Disallow edits"
+                      />
                     {/if}
                     <MenuOption on:click={handleMenuRemove} text="Remove" />
                   </ContextMenu>
diff --git a/web/src/routes/(user)/albums/[albumId]/+page.svelte b/web/src/routes/(user)/albums/[albumId]/+page.svelte
index 4b672c5587..b67b16e203 100644
--- a/web/src/routes/(user)/albums/[albumId]/+page.svelte
+++ b/web/src/routes/(user)/albums/[albumId]/+page.svelte
@@ -1,51 +1,53 @@
 <script lang="ts">
-  import {afterNavigate, goto} from '$app/navigation'
-  import AlbumDescription from '$lib/components/album-page/album-description.svelte'
-  import AlbumOptions from '$lib/components/album-page/album-options.svelte'
-  import AlbumSummary from '$lib/components/album-page/album-summary.svelte'
-  import AlbumTitle from '$lib/components/album-page/album-title.svelte'
-  import ShareInfoModal from '$lib/components/album-page/share-info-modal.svelte'
-  import UserSelectionModal from '$lib/components/album-page/user-selection-modal.svelte'
-  import ActivityStatus from '$lib/components/asset-viewer/activity-status.svelte'
-  import ActivityViewer from '$lib/components/asset-viewer/activity-viewer.svelte'
-  import Button from '$lib/components/elements/buttons/button.svelte'
-  import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte'
-  import Icon from '$lib/components/elements/icon.svelte'
-  import AddToAlbum from '$lib/components/photos-page/actions/add-to-album.svelte'
-  import ArchiveAction from '$lib/components/photos-page/actions/archive-action.svelte'
-  import ChangeDate from '$lib/components/photos-page/actions/change-date-action.svelte'
-  import ChangeLocation from '$lib/components/photos-page/actions/change-location-action.svelte'
-  import CreateSharedLink from '$lib/components/photos-page/actions/create-shared-link.svelte'
-  import DeleteAssets from '$lib/components/photos-page/actions/delete-assets.svelte'
-  import DownloadAction from '$lib/components/photos-page/actions/download-action.svelte'
-  import FavoriteAction from '$lib/components/photos-page/actions/favorite-action.svelte'
-  import RemoveFromAlbum from '$lib/components/photos-page/actions/remove-from-album.svelte'
-  import SelectAllAssets from '$lib/components/photos-page/actions/select-all-assets.svelte'
-  import AssetGrid from '$lib/components/photos-page/asset-grid.svelte'
-  import AssetSelectContextMenu from '$lib/components/photos-page/asset-select-context-menu.svelte'
-  import AssetSelectControlBar from '$lib/components/photos-page/asset-select-control-bar.svelte'
-  import ConfirmDialogue from '$lib/components/shared-components/confirm-dialogue.svelte'
-  import ContextMenu from '$lib/components/shared-components/context-menu/context-menu.svelte'
-  import MenuOption from '$lib/components/shared-components/context-menu/menu-option.svelte'
-  import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte'
-  import CreateSharedLinkModal
-    from '$lib/components/shared-components/create-share-link-modal/create-shared-link-modal.svelte'
-  import {notificationController, NotificationType,} from '$lib/components/shared-components/notification/notification'
-  import UserAvatar from '$lib/components/shared-components/user-avatar.svelte'
-  import {AppRoute} from '$lib/constants'
-  import {numberOfComments, setNumberOfComments, updateNumberOfComments} from '$lib/stores/activity.store'
-  import {createAssetInteractionStore} from '$lib/stores/asset-interaction.store'
-  import {assetViewingStore} from '$lib/stores/asset-viewing.store'
-  import {AssetStore} from '$lib/stores/assets.store'
-  import {locale} from '$lib/stores/preferences.store'
-  import {SlideshowNavigation, SlideshowState, slideshowStore} from '$lib/stores/slideshow.store'
-  import {user} from '$lib/stores/user.store'
-  import {handlePromiseError} from '$lib/utils'
-  import {downloadAlbum} from '$lib/utils/asset-utils'
-  import {clickOutside} from '$lib/utils/click-outside'
-  import {getContextMenuPosition} from '$lib/utils/context-menu'
-  import {openFileUploadDialog} from '$lib/utils/file-uploader'
-  import {handleError} from '$lib/utils/handle-error'
+  import { afterNavigate, goto } from '$app/navigation';
+  import AlbumDescription from '$lib/components/album-page/album-description.svelte';
+  import AlbumOptions from '$lib/components/album-page/album-options.svelte';
+  import AlbumSummary from '$lib/components/album-page/album-summary.svelte';
+  import AlbumTitle from '$lib/components/album-page/album-title.svelte';
+  import ShareInfoModal from '$lib/components/album-page/share-info-modal.svelte';
+  import UserSelectionModal from '$lib/components/album-page/user-selection-modal.svelte';
+  import ActivityStatus from '$lib/components/asset-viewer/activity-status.svelte';
+  import ActivityViewer from '$lib/components/asset-viewer/activity-viewer.svelte';
+  import Button from '$lib/components/elements/buttons/button.svelte';
+  import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
+  import Icon from '$lib/components/elements/icon.svelte';
+  import AddToAlbum from '$lib/components/photos-page/actions/add-to-album.svelte';
+  import ArchiveAction from '$lib/components/photos-page/actions/archive-action.svelte';
+  import ChangeDate from '$lib/components/photos-page/actions/change-date-action.svelte';
+  import ChangeLocation from '$lib/components/photos-page/actions/change-location-action.svelte';
+  import CreateSharedLink from '$lib/components/photos-page/actions/create-shared-link.svelte';
+  import DeleteAssets from '$lib/components/photos-page/actions/delete-assets.svelte';
+  import DownloadAction from '$lib/components/photos-page/actions/download-action.svelte';
+  import FavoriteAction from '$lib/components/photos-page/actions/favorite-action.svelte';
+  import RemoveFromAlbum from '$lib/components/photos-page/actions/remove-from-album.svelte';
+  import SelectAllAssets from '$lib/components/photos-page/actions/select-all-assets.svelte';
+  import AssetGrid from '$lib/components/photos-page/asset-grid.svelte';
+  import AssetSelectContextMenu from '$lib/components/photos-page/asset-select-context-menu.svelte';
+  import AssetSelectControlBar from '$lib/components/photos-page/asset-select-control-bar.svelte';
+  import ConfirmDialogue from '$lib/components/shared-components/confirm-dialogue.svelte';
+  import ContextMenu from '$lib/components/shared-components/context-menu/context-menu.svelte';
+  import MenuOption from '$lib/components/shared-components/context-menu/menu-option.svelte';
+  import ControlAppBar from '$lib/components/shared-components/control-app-bar.svelte';
+  import CreateSharedLinkModal from '$lib/components/shared-components/create-share-link-modal/create-shared-link-modal.svelte';
+  import {
+    notificationController,
+    NotificationType,
+  } from '$lib/components/shared-components/notification/notification';
+  import UserAvatar from '$lib/components/shared-components/user-avatar.svelte';
+  import { AppRoute } from '$lib/constants';
+  import { numberOfComments, setNumberOfComments, updateNumberOfComments } from '$lib/stores/activity.store';
+  import { createAssetInteractionStore } from '$lib/stores/asset-interaction.store';
+  import { assetViewingStore } from '$lib/stores/asset-viewing.store';
+  import { AssetStore } from '$lib/stores/assets.store';
+  import { locale } from '$lib/stores/preferences.store';
+  import { SlideshowNavigation, SlideshowState, slideshowStore } from '$lib/stores/slideshow.store';
+  import { user } from '$lib/stores/user.store';
+  import { handlePromiseError } from '$lib/utils';
+  import { downloadAlbum } from '$lib/utils/asset-utils';
+  import { clickOutside } from '$lib/utils/click-outside';
+  import { getContextMenuPosition } from '$lib/utils/context-menu';
+  import { openFileUploadDialog } from '$lib/utils/file-uploader';
+  import { handleError } from '$lib/utils/handle-error';
   import {
     type ActivityResponseDto,
     addAssetsToAlbum,
@@ -62,7 +64,7 @@
     ReactionType,
     updateAlbumInfo,
     type UserResponseDto,
-  } from '@immich/sdk'
+  } from '@immich/sdk';
   import {
     mdiArrowLeft,
     mdiCogOutline,
@@ -75,9 +77,9 @@
     mdiPlus,
     mdiPresentationPlay,
     mdiShareVariantOutline,
-  } from '@mdi/js'
-  import {fly} from 'svelte/transition'
-  import type {PageData} from './$types'
+  } from '@mdi/js';
+  import { fly } from 'svelte/transition';
+  import type { PageData } from './$types';
 
   export let data: PageData;
 
diff --git a/web/src/test-data/factories/album-factory.ts b/web/src/test-data/factories/album-factory.ts
index 3d761fcf35..5755d02eb1 100644
--- a/web/src/test-data/factories/album-factory.ts
+++ b/web/src/test-data/factories/album-factory.ts
@@ -16,6 +16,7 @@ export const albumFactory = Sync.makeFactory<AlbumResponseDto>({
   owner: userFactory.build(),
   shared: false,
   sharedUsers: [],
+  sharedUsersV2: [],
   hasSharedLink: false,
   isActivityEnabled: true,
   order: AssetOrder.Desc,