mirror of
https://github.com/immich-app/immich.git
synced 2025-06-02 13:14:54 -04:00
d314805caf
* feat (server, web): add archive * chore: generate api * feat (web): add empty placeholder for archive page * chore: remove title on favorites page Duplicates sidebar selection. Two pages (Archive and Favorites) are consistent now * refactor (web): create EmptyPlaceholder component for empty pages * fixed menu close button not close: * fix (web): remove not necessary store call * test (web): simplify asset tests code * test (web): simplify asset tests code * chore (server): remove isArchived while uploading * chore (server): remove isArchived from typesense schema * chore: generate api * fix (web): delete asset from archive page * chore: change archive asset count endpoint old endpoint: /asset/archived-count-by-user-id new endpoint: /asset/stat/archive * chore: generate api --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
29 lines
1.1 KiB
Svelte
29 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import empty1Url from '$lib/assets/empty-1.svg';
|
|
|
|
export let actionHandler: undefined | (() => Promise<void>) = undefined;
|
|
export let text = '';
|
|
export let alt = '';
|
|
|
|
let hoverClasses =
|
|
'hover:bg-immich-primary/5 dark:hover:bg-immich-dark-primary/25 hover:cursor-pointer';
|
|
</script>
|
|
|
|
{#if actionHandler}
|
|
<div
|
|
on:click={actionHandler}
|
|
on:keydown={actionHandler}
|
|
class="border dark:border-immich-dark-gray {hoverClasses} p-5 w-[50%] m-auto mt-10 bg-gray-50 dark:bg-immich-dark-gray rounded-3xl flex flex-col place-content-center place-items-center"
|
|
>
|
|
<img src={empty1Url} {alt} width="500" draggable="false" />
|
|
<p class="text-center text-immich-text-gray-500 dark:text-immich-dark-fg">{text}</p>
|
|
</div>
|
|
{:else}
|
|
<div
|
|
class="border dark:border-immich-dark-gray p-5 w-[50%] m-auto mt-10 bg-gray-50 dark:bg-immich-dark-gray rounded-3xl flex flex-col place-content-center place-items-center"
|
|
>
|
|
<img src={empty1Url} {alt} width="500" draggable="false" />
|
|
<p class="text-center text-immich-text-gray-500 dark:text-immich-dark-fg">{text}</p>
|
|
</div>
|
|
{/if}
|