{(download.provider || download.scanlator) && (
download.url ? (
{
e.stopPropagation();
if (download.url) {
@@ -553,12 +541,12 @@ const DownloadItem = ({ download }: { download: DownloadInfo }) => {
}}
title="Click to open the chapter in the source"
>
-
- {download.provider}
- {(download.provider !== download.scanlator && download.scanlator) ? ` • ${download.scanlator}` : ''}
+
+ {download.provider}
+ {(download.provider !== download.scanlator && download.scanlator) ? ` • ${download.scanlator}` : ''}
) : (
-
+
{download.provider}
{(download.provider !== download.scanlator && download.scanlator) ? ` • ${download.scanlator}` : ''}
@@ -566,7 +554,7 @@ const DownloadItem = ({ download }: { download: DownloadInfo }) => {
)}
{getStatusIcon(download.status, download.status === QueueStatus.WAITING && displayDate > now)}
{showDate && (
-
+
{download.status === QueueStatus.COMPLETED || download.status === QueueStatus.FAILED ? (
<>
{displayDate.toLocaleDateString()}
@@ -578,7 +566,7 @@ const DownloadItem = ({ download }: { download: DownloadInfo }) => {
)}
{download.retries > 0 && (
-
+
Retries: {download.retries}
)}
@@ -687,14 +675,14 @@ const DownloadsPanel = memo(({ seriesId, isDeleting }: { seriesId: string; isDel
if (downloadsError) {
return (
-
+
-
- Latest Downloads
+
+ Latest Downloads
-
+
Failed to load downloads
@@ -705,22 +693,22 @@ const DownloadsPanel = memo(({ seriesId, isDeleting }: { seriesId: string; isDel
}
return (
-
+
-
-
- Latest Downloads
+
+
+ Latest Downloads
{sortedDownloads.length > 0 && (
-
+
{sortedDownloads.length}
)}
{downloadsLoading && (
-
+
)}
-
+
{sortedDownloads.length > 0 ? (
{sortedDownloads.map((download, index) => (
@@ -1792,40 +1780,40 @@ function SeriesPageContent() {
return (<>
{/* Three-area layout */}
-
{/* Left Column - Two rows (80% width) */}
-
- {/* Top Left: Series Details */}
+ {/* Left Column - Two rows (80% width) */}
+
+ {/* Top Left: Series Details */}
-
+
{/* Poster */}
-
+
{/* Series Info */}
-
+
{/* Status Badge - Top Right of Info Pane */}
-
+
{statusDisplay.text}
-
-
{displayTitle}
-
+
+
{displayTitle}
+
{series.chapterList}
{series.lastChapter && (
-
+
- Last: {series.lastChapter}
+ Last: {series.lastChapter}
{series.lastChangeUTC && (
-
+
{new Date(series.lastChangeUTC).toLocaleDateString()} {new Date(series.lastChangeUTC).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
)}
@@ -1833,50 +1821,43 @@ function SeriesPageContent() {
)}
-
+
{series.author && (
-
+
Author:
- {series.author}
+ {series.author}
)}
{series.artist && (
-
+
Artist:
- {series.artist}
+ {series.artist}
)}
{series.genre && series.genre.length > 0 && (
-
-
- {series.genre.map((genre) => (
-
- {genre}
-
- ))}
-
-
)}
-
+
+ {series.genre.map((genre) => (
+
+ {genre}
+
+ ))}
+
+ )}
+
{/* Description - Flexible area that fills available space */}
{series.description && (
-
-
{series.description}
+
)}
{/* Series Path Display - Bottom of info section */}
{series.path && (
-
+
{series.path}
@@ -1884,7 +1865,7 @@ function SeriesPageContent() {
)}
{/* Action Buttons - Delete, Verify, and Pause/Resume Downloads */}
-
+
{/* Delete Series Button */}
-
+
{/* Verify Integrity Button */}
-
+
{/* Pause/Resume Downloads Button */}
@@ -1929,12 +1913,14 @@ function SeriesPageContent() {
{/* Bottom Left: Providers */}
-
-
-
- Sources
- {visibleProvidersCount}
-
+
+