feat: Added library sorting and pagination, improved image loading and other small adjustments

This commit is contained in:
Aleksi Lassila
2023-08-31 02:45:36 +03:00
parent 203bce45b8
commit ca3911e062
24 changed files with 354 additions and 255 deletions

View File

@@ -3,6 +3,8 @@
import type { RadarrMovie } from '$lib/apis/radarr/radarrApi';
import type { SonarrSeries } from '$lib/apis/sonarr/sonarrApi';
import type { TitleType } from '$lib/types';
import { DotsVertical } from 'radix-icons-svelte';
import Button from '../Button.svelte';
import ContextMenuButton from '../ContextMenu/ContextMenuButton.svelte';
import LibraryItemContextItems from '../ContextMenu/LibraryItemContextItems.svelte';
@@ -20,4 +22,7 @@
<svelte:fragment slot="menu">
<LibraryItemContextItems {jellyfinItem} {sonarrSeries} {radarrMovie} {type} {tmdbId} />
</svelte:fragment>
<Button slim>
<DotsVertical size={24} />
</Button>
</ContextMenuButton>

View File

@@ -6,7 +6,6 @@
import { modalStack } from '../../stores/modal.store';
export let tmdbId: number;
export let title: string = '';
export let type: TitleType;
export let modalId: symbol;
@@ -26,7 +25,7 @@
{#if type === 'movie'}
<MoviePage {tmdbId} isModal={true} {handleCloseModal} />
{:else}
<SeriesPage {tmdbId} {title} isModal={true} {handleCloseModal} />
<SeriesPage {tmdbId} isModal={true} {handleCloseModal} />
{/if}
</div>
</div>