reload on address page

ensdomains · Jan 25, 2024 · 66565d1 · 66565d1
1 parent f8ab0d3
commit 66565d1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/App.js b/src/App.js
@@ -27,6 +27,7 @@ import EnteryourDelegate from "./pages/EnteryourDelegate";
 import Home from "./pages/Home";
 import { useGetDelegates, useQueryString } from "./utils/hooks";
 import { initWeb3Read, rpcUrl } from "./web3modal";
+import { usePrevious } from "react-use";
 
 const PROJECT_ID = "02f438d1701ea8029113972850066224";
 
@@ -146,14 +147,19 @@ function ConnectedRoute({ component: Component, ...rest }) {
 
 function App() {
   const query = useQueryString();
-  const { address, isConnected } = useWeb3ModalAccount();
+  const { address } = useWeb3ModalAccount();
+  const previousAddress = usePrevious(address);
 
   useEffect(() => {
     const delegate = query.get("delegate");
     if (delegate && address) {
       setDelegateChoice(address, delegate);
       setDelegateReferral(delegate);
     }
+
+    if (previousAddress && address && previousAddress !== address) {
+      window.location.reload();
+    }
   }, [address]);
 
   return (

diff --git a/src/utils/hooks.js b/src/utils/hooks.js
@@ -2,7 +2,7 @@ import { normalize } from "@ensdomains/eth-ens-namehash";
 import { Contract, ethers } from "ethers";
 import { gql } from "graphql-tag";
 import { keccak_256 as sha3 } from "js-sha3";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useLocation } from "react-router-dom";
 import {
   apolloClientInstance,