From 5eca5aaf6cc6bfbf17bd37249de06d63a122c7f6 Mon Sep 17 00:00:00 2001
From: Lukas <lukas.budginas@gmail.com>
Date: Thu, 21 Nov 2024 16:43:18 +0200
Subject: [PATCH] Redirect user to last page when trying to access unavailable
page count
---
pages/[accountName].tsx | 18 +++++++++++++++++-
1 file changed, 17 insertions(+), 1 deletion(-)
diff --git a/pages/[accountName].tsx b/pages/[accountName].tsx
index 050c6dd0..479522c3 100644
--- a/pages/[accountName].tsx
+++ b/pages/[accountName].tsx
@@ -207,6 +207,22 @@ export default function Account() {
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [paramsState]);
+ useEffect(() => {
+ if (
+ router.query.page &&
+ accountOperations &&
+ (Number(router.query.page) <= 0 ||
+ Number(router.query.page) > accountOperations.total_pages)
+ ) {
+ router.replace({
+ query: {
+ ...router.query,
+ page: accountOperations.total_pages,
+ },
+ });
+ }
+ }, [router, accountOperations]);
+
const renderAccountDetailsView = () => {
if (isMobile) {
return (
@@ -339,7 +355,7 @@ export default function Account() {
) : (
<OperationsTable
operations={convertOperationResultsToTableOperations(
- formattedAccountOperations?.operations_result
+ formattedAccountOperations?.operations_result || []
)}
unformattedOperations={convertOperationResultsToTableOperations(
accountOperations?.operations_result || []
--
GitLab