mirror of
https://github.com/LukeHagar/immich.git
synced 2025-12-06 04:20:06 +00:00
7134f93eb8
* Added album page * Refactor sidebar * Added album assets count info * Added album viewer page * Refactor album sorting * Fixed incorrectly showing selected asset in album selection * Improve fetching speed with prefetch * Refactor to use ImmichThubmnail component for all * Update to the latest version of Svelte * Implement fixed app bar in album viewer * Added shared user avatar * Correctly get all owned albums, including shared
31 lines
844 B
Svelte
31 lines
844 B
Svelte
<script lang="ts">
|
|
export let title: string;
|
|
export let logo: any;
|
|
export let actionType: AdminSideBarSelection | AppSideBarSelection;
|
|
export let isSelected: boolean;
|
|
|
|
import { createEventDispatcher } from 'svelte';
|
|
import type {
|
|
AdminSideBarSelection,
|
|
AppSideBarSelection
|
|
} from '../../../models/admin-sidebar-selection';
|
|
|
|
const dispatch = createEventDispatcher();
|
|
|
|
const onButtonClicked = () => {
|
|
dispatch('selected', {
|
|
actionType
|
|
});
|
|
};
|
|
</script>
|
|
|
|
<div
|
|
on:click={onButtonClicked}
|
|
class={`flex gap-4 place-items-center pl-5 py-3 rounded-tr-full rounded-br-full hover:bg-gray-200 hover:text-immich-primary hover:cursor-pointer
|
|
${isSelected && 'bg-immich-primary/10 text-immich-primary hover:bg-immich-primary/25'}
|
|
`}
|
|
>
|
|
<svelte:component this={logo} size="24" />
|
|
<p class="font-medium text-sm">{title}</p>
|
|
</div>
|