Reset page after switch version (#710)

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">

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">