diff --git a/web/src/lib/components/shared-components/upload-panel.svelte b/web/src/lib/components/shared-components/upload-panel.svelte index 6aa90b6a7f..bbcba662b3 100644 --- a/web/src/lib/components/shared-components/upload-panel.svelte +++ b/web/src/lib/components/shared-components/upload-panel.svelte @@ -34,21 +34,23 @@ in:fade={{ duration: 250 }} out:fade={{ duration: 250 }} on:outroend={() => { - notificationController.show({ - message: - ($errorCounter > 0 - ? `Upload completed with ${$errorCounter} error${$errorCounter > 1 ? 's' : ''}` - : 'Upload success') + ', refresh the page to see new upload assets.', - type: $errorCounter > 0 ? NotificationType.Warning : NotificationType.Info, - }); - + if ($errorCounter > 0) { + notificationController.show({ + message: `Upload completed with ${$errorCounter} error${$errorCounter > 1 ? 's' : ''}, refresh the page to see new upload assets.`, + type: NotificationType.Warning, + }); + } else if ($successCounter > 0) { + notificationController.show({ + message: 'Upload success, refresh the page to see new upload assets.', + type: NotificationType.Info, + }); + } if ($duplicateCounter > 0) { notificationController.show({ message: `Skipped ${$duplicateCounter} duplicate asset${$duplicateCounter > 1 ? 's' : ''}`, type: NotificationType.Warning, }); } - uploadAssetsStore.resetStore(); }} class="absolute bottom-6 right-6 z-[10000]" diff --git a/web/src/lib/utils/file-uploader.ts b/web/src/lib/utils/file-uploader.ts index c53d6e2a8b..fbfc1abc60 100644 --- a/web/src/lib/utils/file-uploader.ts +++ b/web/src/lib/utils/file-uploader.ts @@ -99,6 +99,8 @@ async function fileUploader(asset: File, albumId: string | undefined = undefined if (res.duplicate) { uploadAssetsStore.duplicateCounter.update((count) => count + 1); + } else { + uploadAssetsStore.successCounter.update((c) => c + 1); } if (albumId && res.id) { @@ -110,7 +112,6 @@ async function fileUploader(asset: File, albumId: string | undefined = undefined uploadAssetsStore.updateAsset(deviceAssetId, { state: res.duplicate ? UploadState.DUPLICATED : UploadState.DONE, }); - uploadAssetsStore.successCounter.update((c) => c + 1); setTimeout(() => { uploadAssetsStore.removeUploadAsset(deviceAssetId);