handle account change

src/custom/pages/Profile/AddressSelector.tsx

@@ -19,7 +19,6 @@ export default function AddressSelector(props: AddressSelectorProps) {
   const selectedAddress = useAddress()
   const { chainId, library } = useActiveWeb3React()
   const [open, setOpen] = useState(false)
-  const [primaryEnsName, setPrimaryEnsName] = useState<string>()
   const [items, setItems] = useState<string[]>([address])
   const toggle = useCallback(() => setOpen((open) => !open), [])
   const node = useRef<HTMLDivElement>(null)
@@ -33,18 +32,7 @@ export default function AddressSelector(props: AddressSelectorProps) {
     [dispatch, toggle]
   )
 
-  const lookup = useCallback(async () => {
-    try {
-      const ensName = await library?.lookupAddress(address)
-      setPrimaryEnsName(ensName ?? undefined)
-    } catch (error) {
-      console.log(error)
-    }
-  }, [library, address])
-
   useEffect(() => {
-    lookup()
-
     if (!chainId) {
       return
     }
@@ -57,17 +45,37 @@ export default function AddressSelector(props: AddressSelectorProps) {
       }
       setItems([...response, address])
     })
-  }, [address, chainId, lookup])
+  }, [address, chainId])
 
   useEffect(() => {
     if (selectedAddress) {
       return
     }
 
-    if (primaryEnsName) {
-      dispatch(updateAddress(primaryEnsName))
+    dispatch(updateAddress(address))
+  }, [selectedAddress, address, dispatch])
+
+  useEffect(() => {
+    if (!selectedAddress) {
+      return
     }
-  }, [selectedAddress, primaryEnsName, dispatch])
+
+    // if the user switches accounts, reset the selected address
+    if (isAddress(selectedAddress) && selectedAddress !== address) {
+      dispatch(updateAddress(address))
+      return
+    }
+
+    // the selected address is a ens name, verify that resolves to the correct address
+    const verify = async () => {
+      const resolvedAddress = await library?.resolveName(selectedAddress)
+      if (resolvedAddress !== address) {
+        dispatch(updateAddress(address))
+      }
+    }
+
+    verify()
+  }, [selectedAddress, address, dispatch, library])
 
   return (
     <Wrapper ref={node}>

src/custom/pages/Profile/ens.ts

@@ -38,7 +38,7 @@ export async function ensNames(
     }
 
     const data = await new GraphQLClient(subgraphUrl).request<EnsNamesQuery>(DOMAINS_BY_ADDRESS_QUERY, {
-      resolvedAddress: address,
+      resolvedAddress: address.toLocaleLowerCase(),
     })
 
     return data.domains

src/custom/state/affiliate/reducer.ts

@@ -11,7 +11,7 @@ export interface AffiliateState {
   isNotificationClosed?: {
     [key: string]: boolean
   }
-  address?: string
+  address?: string // this can be a ENS name or an address
 }
 
 export const initialState: AffiliateState = {