Merge pull request #284 from alleslabs/fix/txs-data-error

fix: add data fetching error state to txs page

CHANGELOG.md

@@ -56,6 +56,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Improvements
 
+- [#284](https://github.com/alleslabs/celatone-frontend/pull/284) Add data fetching error state to txs page
 - [#281](https://github.com/alleslabs/celatone-frontend/pull/281) Change Osmosis mainnet GraphQL
 - [#251](https://github.com/alleslabs/celatone-frontend/pull/251) Refactor Code and Contract tables into general components
 - [#252](https://github.com/alleslabs/celatone-frontend/pull/252) Refactor Empty State image source logic

src/lib/pages/txs/components/TxsTable.tsx

@@ -32,7 +32,7 @@ export const TxsTable = ({ isViewMore }: TxsTableProps) => {
     },
   });
 
-  const { data: txs, isLoading } = useTxs(offset, pageSize);
+  const { data: txs, isLoading, error } = useTxs(offset, pageSize);
 
   const onPageChange = (nextPage: number) => {
     setCurrentPage(nextPage);
@@ -48,6 +48,15 @@ export const TxsTable = ({ isViewMore }: TxsTableProps) => {
     if (!isViewMore) setPageSize(10);
     setCurrentPage(1);
   }, [chainId, isViewMore, setCurrentPage, setPageSize]);
+  // TODO - Might consider adding this state in all transaction table
+  if (error)
+    return (
+      <EmptyState
+        withBorder
+        imageVariant="not-found"
+        message="There is an error during fetching transactions."
+      />
+    );
   return (
     <>
       <TransactionsTable