julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add retry functionality to ErrorMessage component and implement retry logic in ClientLibraryPage and ClientSeriesPage for improved error handling

Browse Source
This commit is contained in:
Julien Froidefond
2025-10-17 10:21:35 +02:00
parent 946b495ce2
commit 77742bbec2
6 changed files with 186 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/libraries/[libraryId]/ClientLibraryPage.tsx
View File

@@ -107,6 +107,39 @@ export function ClientLibraryPage({
}
};
const handleRetry = async () => {
setError(null);
setLoading(true);
try {
const params = new URLSearchParams({
page: String(currentPage - 1),
size: String(effectivePageSize),
unread: String(unreadOnly),
});
if (search) {
params.append("search", search);
}
const response = await fetch(`/api/komga/libraries/${libraryId}/series?${params}`);
if (!response.ok) {
const errorData = await response.json();
throw new Error(errorData.error?.code || "SERIES_FETCH_ERROR");
}
const data = await response.json();
setLibrary(data.library);
setSeries(data.series);
} catch (err) {
console.error("Error fetching library series:", err);
setError(err instanceof Error ? err.message : "SERIES_FETCH_ERROR");
} finally {
setLoading(false);
}
};
if (loading) {
return (
<div className="container py-8 space-y-8">
@@ -132,7 +165,7 @@ export function ClientLibraryPage({
</h1>
<RefreshButton libraryId={libraryId} refreshLibrary={handleRefresh} />
</div>
<ErrorMessage errorCode={error} />
<ErrorMessage errorCode={error} onRetry={handleRetry} />
</div>
);
}
@@ -140,7 +173,7 @@ export function ClientLibraryPage({
if (!library || !series) {
return (
<div className="container py-8 space-y-8">
<ErrorMessage errorCode="SERIES_FETCH_ERROR" />
<ErrorMessage errorCode="SERIES_FETCH_ERROR" onRetry={handleRetry} />
</div>
);
}

33
src/app/series/[seriesId]/ClientSeriesPage.tsx
View File

@@ -97,6 +97,35 @@ export function ClientSeriesPage({
}
};
const handleRetry = async () => {
setError(null);
setLoading(true);
try {
const params = new URLSearchParams({
page: String(currentPage - 1),
size: String(effectivePageSize),
unread: String(unreadOnly),
});
const response = await fetch(`/api/komga/series/${seriesId}/books?${params}`);
if (!response.ok) {
const errorData = await response.json();
throw new Error(errorData.error?.code || ERROR_CODES.BOOK.PAGES_FETCH_ERROR);
}
const data = await response.json();
setSeries(data.series);
setBooks(data.books);
} catch (err) {
console.error("Error fetching series books:", err);
setError(err instanceof Error ? err.message : ERROR_CODES.BOOK.PAGES_FETCH_ERROR);
} finally {
setLoading(false);
}
};
if (loading) {
return (
<div className="container py-8 space-y-8">
@@ -117,7 +146,7 @@ export function ClientSeriesPage({
return (
<div className="container py-8 space-y-8">
<h1 className="text-3xl font-bold">Série</h1>
<ErrorMessage errorCode={error} />
<ErrorMessage errorCode={error} onRetry={handleRetry} />
</div>
);
}
@@ -126,7 +155,7 @@ export function ClientSeriesPage({
return (
<div className="container py-8 space-y-8">
<h1 className="text-3xl font-bold">Série</h1>
<ErrorMessage errorCode={ERROR_CODES.SERIES.FETCH_ERROR} />
<ErrorMessage errorCode={ERROR_CODES.SERIES.FETCH_ERROR} onRetry={handleRetry} />
</div>
);
}