mirror of
https://github.com/immich-app/immich.git
synced 2025-12-20 01:11:46 +03:00
28 lines
833 B
Svelte
28 lines
833 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-xl rounded-br-xl hover:bg-gray-200 hover:text-immich-primary hover:cursor-pointer
|
||
|
|
${isSelected && 'bg-immich-primary/10 text-immich-primary hover:bg-immich-primary/50'}
|
||
|
|
`}
|
||
|
|
>
|
||
|
|
<svelte:component this={logo} size="24" />
|
||
|
|
<p class="font-medium text-sm">{title}</p>
|
||
|
|
</div>
|