From 5e25c78998839ba68e337cdc2f8de417fada9556 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Tue, 26 Aug 2025 14:55:06 +0000
Subject: [PATCH 1/2] fix: resolve circular Suspense fallback causing infinite
 loading in Entropy explorer

- Replace self-referencing Paginator fallback with PaginatorImpl isPending prop
- Follows same pattern as other components (SearchBar, StatusSelect)
- Fixes infinite loading animation that persisted after content loaded

Co-Authored-By: Jayant <jayant@dourolabs.xyz>
---
 apps/entropy-explorer/src/components/Home/search-controls.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/entropy-explorer/src/components/Home/search-controls.tsx b/apps/entropy-explorer/src/components/Home/search-controls.tsx
index 7522a23abe..78e56ba5a8 100644
--- a/apps/entropy-explorer/src/components/Home/search-controls.tsx
+++ b/apps/entropy-explorer/src/components/Home/search-controls.tsx
@@ -53,7 +53,7 @@ const useSearchBar = () => {
 };
 
 export const Paginator = (props: ComponentProps<typeof ResolvedPaginator>) => (
-  <Suspense fallback={<Paginator {...props} />}>
+  <Suspense fallback={<PaginatorImpl isPending {...props} />}>
     <ResolvedPaginator {...props} />
   </Suspense>
 );

From f804d156d3a8ae0f81dc70c0ab7317eed6947c8b Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Tue, 26 Aug 2025 15:16:40 +0000
Subject: [PATCH 2/2] fix: correct Paginator Suspense fallback props to resolve
 TypeScript error

- Add ESLint disable comments for empty arrow functions in loading state
- Maintain proper Paginator component props interface
- Resolve TypeScript compilation error while preserving infinite loading fix

Co-Authored-By: Jayant <jayant@dourolabs.xyz>
---
 .../src/components/Home/search-controls.tsx     | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/apps/entropy-explorer/src/components/Home/search-controls.tsx b/apps/entropy-explorer/src/components/Home/search-controls.tsx
index 78e56ba5a8..7e9113523e 100644
--- a/apps/entropy-explorer/src/components/Home/search-controls.tsx
+++ b/apps/entropy-explorer/src/components/Home/search-controls.tsx
@@ -53,7 +53,22 @@ const useSearchBar = () => {
 };
 
 export const Paginator = (props: ComponentProps<typeof ResolvedPaginator>) => (
-  <Suspense fallback={<PaginatorImpl isPending {...props} />}>
+  <Suspense
+    fallback={
+      <PaginatorImpl
+        numPages={1}
+        currentPage={1}
+        onPageChange={() => {}} // eslint-disable-line @typescript-eslint/no-empty-function
+        pageSize={10}
+        pageSizeOptions={[10, 25, 50]}
+        onPageSizeChange={() => {}} // eslint-disable-line @typescript-eslint/no-empty-function
+        isPageTransitioning={true}
+        isPageSizeTransitioning={true}
+        className={props.className}
+        mkPageLink={props.mkPageLink}
+      />
+    }
+  >
     <ResolvedPaginator {...props} />
   </Suspense>
 );