{#if isUploading}
{ const errorInfo = errorCount > 0 ? `Upload completed with ${errorCount} error${errorCount > 1 ? 's' : ''}` : 'Upload success'; const type = errorCount > 0 ? NotificationType.Warning : NotificationType.Info; notificationController.show({ message: `${errorInfo}, refresh the page to see new upload assets`, type, }); uploadAssetsStore.errorCounter.set(0); if (duplicateCount > 0) { notificationController.show({ message: `Skipped ${duplicateCount} duplicate picture${duplicateCount > 1 ? 's' : ''}`, type: NotificationType.Warning, }); uploadAssetsStore.duplicateCounter.set(0); } }} class="absolute bottom-6 right-6 z-[10000]" > {#if showDetail}
UPLOADING {$uploadAssetsStore.length}
(showDetail = false)} class="flex h-[20px] w-[20px] place-content-center place-items-center rounded-full bg-gray-50 transition-colors hover:bg-gray-100" >
{#each $uploadAssetsStore as uploadAsset} {#key uploadAsset.id}
{/key} {/each}
{:else}
(showDetail = true)} class="absolute -left-4 -top-4 flex h-10 w-10 place-content-center place-items-center rounded-full bg-immich-primary p-5 text-xs text-gray-200" > {$uploadAssetsStore.length}
(showDetail = true)} class="flex h-16 w-16 place-content-center place-items-center rounded-full bg-gray-300 p-5 text-sm shadow-lg" >
{/if}
{/if}