Merge pull request #571 from invariant-labs/fix-pagination

fix position list pagination bugs

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

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,16 @@ export const WrappedPositionsList: React.FC = () => {
     dispatch(actions.setLastPage(page))
   }
 
+  useEffect(() => {
+    if (list.length === 0) {
+      setLastPage(1)
+    }
+
+    if (lastPage > Math.ceil(list.length / 5)) {
+      setLastPage(lastPage - 1)
+    }
+  }, [list])
+
   return (
     <PositionsList
       initialPage={lastPage}