Infrastructure/immich
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-02-11 01:18:24 -05:00
Code Issues Activity

chore(web): remove upload preview (#4219)

Browse source
This commit is contained in:
Jason Rasmussen 2023-09-25 11:28:01 -04:00 • committed by GitHub
parent 3053cbd4c8
commit 54bea23485
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
web/src/lib/components/shared-components/upload-asset-preview.svelte
View file

@ -13,9 +13,6 @@
export let uploadAsset: UploadAsset; export let uploadAsset: UploadAsset;
let showFallbackImage = uploadAsset.state === UploadState.PENDING;
const previewURL = URL.createObjectURL(uploadAsset.file);
const handleRetry = (uploadAsset: UploadAsset) => { const handleRetry = (uploadAsset: UploadAsset) => {
uploadAssetsStore.removeUploadAsset(uploadAsset.id); uploadAssetsStore.removeUploadAsset(uploadAsset.id);
fileUploadHandler([uploadAsset.file], uploadAsset.albumId); fileUploadHandler([uploadAsset.file], uploadAsset.albumId);
@ -29,27 +26,9 @@
> >
<div class="grid grid-cols-[65px_auto_auto]"> <div class="grid grid-cols-[65px_auto_auto]">
<div class="relative h-[65px]"> <div class="relative h-[65px]">
{#if showFallbackImage || true} <div in:fade={{ duration: 250 }}>
<div in:fade={{ duration: 250 }}> <ImmichLogo class="h-[65px] w-[65px] rounded-bl-lg rounded-tl-lg object-cover p-2" />
<ImmichLogo class="h-[65px] w-[65px] rounded-bl-lg rounded-tl-lg object-cover p-2" /> </div>
</div>
{:else}
<img
in:fade={{ duration: 250 }}
on:load={() => {
URL.revokeObjectURL(previewURL);
}}
on:error={() => {
URL.revokeObjectURL(previewURL);
showFallbackImage = true;
}}
src={previewURL}
alt="Preview of asset"
class="h-[65px] w-[65px] rounded-bl-lg rounded-tl-lg object-cover"
draggable="false"
/>
{/if}
<div class="absolute bottom-0 left-0 h-[25px] w-full rounded-bl-md bg-immich-primary/30"> <div class="absolute bottom-0 left-0 h-[25px] w-full rounded-bl-md bg-immich-primary/30">
<p <p
class="absolute bottom-1 right-1 stroke-immich-primary object-right-bottom font-semibold uppercase text-white/95 dark:text-gray-100" class="absolute bottom-1 right-1 stroke-immich-primary object-right-bottom font-semibold uppercase text-white/95 dark:text-gray-100"