Major Features: - Multi-source download system (Soulseek/Lidarr with fallback) - Configurable enrichment speed control (1-5x) - Mobile touch drag support for seek sliders - iOS PWA media controls (Control Center, Lock Screen) - Artist name alias resolution via Last.fm - Circuit breaker pattern for audio analysis Critical Fixes: - Audio analyzer stability (non-ASCII, BrokenProcessPool, OOM) - Discovery system race conditions and import failures - Radio decade categorization using originalYear - LastFM API response normalization - Mood bucket infinite loop prevention Security: - Bull Board admin authentication - Lidarr webhook signature verification - JWT token expiration and refresh - Encryption key validation on startup Closes #2, #6, #9, #13, #21, #26, #31, #34, #35, #37, #40, #43
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import { Audiobook } from "../types";
|
|
import { AudiobookCard } from "@/components/ui/AudiobookCard";
|
|
import { api } from "@/lib/api";
|
|
|
|
interface LibraryAudiobooksGridProps {
|
|
audiobooks: Audiobook[];
|
|
}
|
|
|
|
export function LibraryAudiobooksGrid({
|
|
audiobooks,
|
|
}: LibraryAudiobooksGridProps) {
|
|
const getCoverUrl = (coverUrl: string | null, size = 300) => {
|
|
if (!coverUrl) return null;
|
|
return api.getCoverArtUrl(coverUrl, size);
|
|
};
|
|
|
|
return (
|
|
<div
|
|
className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-8 3xl:grid-cols-10 gap-4"
|
|
data-tv-section="search-results-audiobooks"
|
|
>
|
|
{audiobooks.slice(0, 6).map((audiobook, index) => (
|
|
<AudiobookCard
|
|
key={audiobook.id}
|
|
id={audiobook.id}
|
|
title={audiobook.title}
|
|
author={audiobook.author || "Unknown Author"}
|
|
coverUrl={audiobook.coverUrl}
|
|
index={index}
|
|
getCoverUrl={getCoverUrl}
|
|
/>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|