From e4d662521c660325b3cf6655f3aa6058e0a3198a Mon Sep 17 00:00:00 2001
From: zielvna <zielvna@gmail.com>
Date: Fri, 26 Jan 2024 12:30:56 +0100
Subject: [PATCH] fix position list pagination bugs

---
 src/components/PositionsList/PositionsList.tsx            | 4 ++++
 .../WrappedPositionsList/WrappedPositionsList.tsx         | 8 +++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/PositionsList/PositionsList.tsx b/src/components/PositionsList/PositionsList.tsx
index eece6edeb..972431156 100644
--- 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
index 8f9094ba4..d522a0b71 100644
--- 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}