fix: properly update ui on closing epoch flow

centrifuge · Jun 23, 2021 · 06244db · 06244db
1 parent f276137
commit 06244db
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/tinlake-ui/containers/Investment/View/EpochOverview.tsx b/tinlake-ui/containers/Investment/View/EpochOverview.tsx
@@ -71,6 +71,8 @@ const EpochOverview: React.FC<Props> = (props: Props) => {
         return <Button label={`Execute epoch ${epochData?.id}`} primary disabled />
       case 'challenge-period-ended':
         return <Button label={`Execute epoch ${epochData?.id}`} primary onClick={execute} disabled={disabled} />
+      case 'open':
+        return <Button label="Close epoch" primary disabled />
       default:
         return null
     }

diff --git a/tinlake-ui/containers/Investment/View/index.tsx b/tinlake-ui/containers/Investment/View/index.tsx
@@ -25,10 +25,12 @@ const InvestmentsView: React.FC<Props> = (props: Props) => {
 
   const dispatch = useDispatch()
   const address = useSelector<any, string | null>((state) => state.auth.address)
+  const activeTransactions = useSelector<any, string | null>((state) => state.transactions.active)
+  const portfolioData = useSelector<any, string | null>((state) => state.portfolio.data)
 
   React.useEffect(() => {
-    dispatch(loadPool(props.tinlake))
-  }, [props.tinlake.signer, address])
+    dispatch(loadPool(props.tinlake, '', true))
+  }, [props.tinlake.signer, address, activeTransactions, portfolioData])
 
   return (
     <Box margin={{ top: 'medium' }}>