{
selectedState.toggleSelection(book);
}}
class="{selectedState.isSelected(book.id)
? 'scale-110 text-star'
: 'scale-75 text-white'} transition-all hover:scale-110 hover:cursor-pointer hover:text-star"
/>
{#if selectedState.isSelected(book.id)}
{/if}
{#if !selectedState.selectionModeActive}
{
if (!book.progress?.completed) await bookOps.markBooksAsComplete([book.id]);
else await bookOps.markBooksAsIncomplete([book.id]);
}}
>{!book?.progress?.completed
? 'Mark as finished'
: 'Mark as unfinished'}
{
bookOps.deleteDialogTitle = `Delete "${book.title}"?`;
bookOps.deleteFn = async (deleteFiles: boolean) => {
await bookOps.deleteBooks([book.id], deleteFiles);
libraryState.activeLibrary!.total!--;
bookshelfState.deletedBooks([book]);
};
bookOps.deleteDialogOpen = true;
}}
>
Delete
{
bookOps.bookToEdit = book;
bookOps.editDialogOpen = true;
}}
/>
{/if}