fix position list pagination bugs

invariant-labs · Jan 26, 2024 · e4d6625 · e4d6625
1 parent a6d3cfb
commit e4d6625
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/PositionsList/PositionsList.tsx b/src/components/PositionsList/PositionsList.tsx
@@ -70,6 +70,10 @@ export const PositionsList: React.FC<IProp> = ({
     setPage(initialPage)
   }, [])
 
+  useEffect(() => {
+    handleChangePagination(initialPage)
+  }, [initialPage])
+
   return (
     <Grid container direction='column' className={classes.root}>
       <Grid

diff --git a/src/containers/WrappedPositionsList/WrappedPositionsList.tsx b/src/containers/WrappedPositionsList/WrappedPositionsList.tsx
@@ -12,7 +12,7 @@ import {
 } from '@selectors/positions'
 import { status } from '@selectors/solanaWallet'
 import { openWalletSelectorModal } from '@web3/selector'
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { useHistory } from 'react-router-dom'
 
@@ -34,6 +34,12 @@ export const WrappedPositionsList: React.FC = () => {
     dispatch(actions.setLastPage(page))
   }
 
+  useEffect(() => {
+    if (lastPage > Math.ceil(list.length / 5)) {
+      setLastPage(Math.ceil(list.length / 5))
+    }
+  }, [list])
+
   return (
     <PositionsList
       initialPage={lastPage}