fix: reload pool data on address change correctly (#44)

tinlake-ui/containers/Investment/View/TrancheOverview.tsx

@@ -124,7 +124,6 @@ const TrancheOverview: React.FC<Props> = (props: Props) => {
           )}
         </Heading>
       </Box>
-
       <Table>
         <TableBody>
           <TableRow>
@@ -147,7 +146,6 @@ const TrancheOverview: React.FC<Props> = (props: Props) => {
           </TableRow>
         </TableBody>
       </Table>
-
       {trancheData?.inMemberlist === true && (
         <>
           {card === 'home' && (
@@ -213,7 +211,6 @@ const TrancheOverview: React.FC<Props> = (props: Props) => {
           )}
         </>
       )}
-
       {trancheData?.inMemberlist === false && (
         <Info>
           <Heading level="6" margin={{ bottom: 'xsmall' }}>

tinlake-ui/ducks/pool.ts

@@ -100,19 +100,26 @@ export default function reducer(state: PoolState = initialState, action: AnyActi
 
 let watcher: any = createWatcher([], multicallConfig)
 
+let prevAddress: string | undefined = undefined
+
 export function loadPool(tinlake: any): ThunkAction<Promise<void>, PoolState, undefined, Action> {
   return async (dispatch, getState) => {
+    const address = await tinlake.signer?.getAddress()
+
     const poolId = tinlake.contractAddresses.ROOT_CONTRACT
-    if ((getState() as any).pool.poolId === poolId) {
+
+    // Dont load data again for the same pool and address combination
+    if ((getState() as any).pool.poolId === poolId && prevAddress === address) {
       return
     }
 
+    // Save the address so we do reload the data if the address changes
+    prevAddress = address
+
     dispatch({ poolId, type: LOAD_POOL })
 
     const toBN = (val: BigNumber) => new BN(val.toString())
 
-    const address = await tinlake.signer?.getAddress()
-
     const addressWatchers = address
       ? [
           {