From 90191d58ab5aa374fea2615bd667dd9d57dae825 Mon Sep 17 00:00:00 2001
From: Jay <lygm1062@gmail.com>
Date: Wed, 8 May 2024 11:55:23 +0800
Subject: [PATCH] Reset page after switch version (#710)

---
 src/components/relayer/manage.tsx   | 4 +++-
 src/components/relayer/overview.tsx | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/relayer/manage.tsx b/src/components/relayer/manage.tsx
index 0a368eec..489a04f1 100644
--- a/src/components/relayer/manage.tsx
+++ b/src/components/relayer/manage.tsx
@@ -1,6 +1,6 @@
 import { useRelayersData } from "@/hooks";
 import { BridgeVersion } from "@/types";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import CountdownRefresh from "@/ui/countdown-refresh";
 import RelayersTable from "./relayers-table";
 import { useAccount } from "wagmi";
@@ -12,6 +12,8 @@ export default function Manage({ version }: { version: BridgeVersion }) {
   const [currentPage, setCurrentPage] = useState(0);
   const { loading, data, total, refetch } = useRelayersData(version, currentPage, pageSize, account.address);
 
+  useEffect(() => setCurrentPage(0), [version]);
+
   return (
     <div className="space-y-medium">
       <div className="flex items-center justify-between">
diff --git a/src/components/relayer/overview.tsx b/src/components/relayer/overview.tsx
index b55e88f7..e716bf32 100644
--- a/src/components/relayer/overview.tsx
+++ b/src/components/relayer/overview.tsx
@@ -1,6 +1,6 @@
 import { useRelayersData } from "@/hooks";
 import { BridgeVersion, ChainConfig } from "@/types";
-import { useCallback, useDeferredValue, useState } from "react";
+import { useCallback, useDeferredValue, useEffect, useState } from "react";
 import RelayersTable from "./relayers-table";
 import Search from "@/ui/search";
 import CountdownRefresh from "@/ui/countdown-refresh";
@@ -36,6 +36,8 @@ export default function Overview({ version }: { version: BridgeVersion }) {
     setCurrentPage(0);
   }, []);
 
+  useEffect(() => setCurrentPage(0), [version]);
+
   return (
     <div className="space-y-5">
       <div className="flex flex-col items-start justify-between gap-medium lg:flex-row lg:items-center">