From 3fc73adabdee9fbff56be70d10fb8a6aed3ac202 Mon Sep 17 00:00:00 2001
From: gearnode <bryan@frimin.fr>
Date: Thu, 13 Mar 2025 07:24:44 +0100
Subject: [PATCH] Hide next/prev button when no pages are availables

Signed-off-by: gearnode <bryan@frimin.fr>
---
 apps/console/src/pages/PeopleListPage.tsx | 11 +++++++++--
 apps/console/src/pages/VendorListPage.tsx |  8 ++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/apps/console/src/pages/PeopleListPage.tsx b/apps/console/src/pages/PeopleListPage.tsx
index 29aa82c56..e8500cc31 100644
--- a/apps/console/src/pages/PeopleListPage.tsx
+++ b/apps/console/src/pages/PeopleListPage.tsx
@@ -90,12 +90,16 @@ function LoadAboveButton({
   hasMore: boolean;
   onLoadMore: () => void;
 }) {
+  if (!hasMore) {
+    return null;
+  }
+
   return (
     <div className="flex justify-center">
       <Button
         variant="outline"
         onClick={onLoadMore}
-        disabled={isLoading || !hasMore}
+        disabled={isLoading}
         className="w-full"
       >
         {isLoading ? "Loading..." : "Load above"}
@@ -113,6 +117,10 @@ function LoadBelowButton({
   hasMore: boolean;
   onLoadMore: () => void;
 }) {
+  if (!hasMore) {
+    return null;
+  }
+
   return (
     <div className="flex justify-center">
       <Button
@@ -170,7 +178,6 @@ function PeopleListContent({
       </div>
 
       <div className="flex items-center justify-between">
-        <p className="text-muted-foreground">1 people needs to get onboarded</p>
         <Button
           asChild
           variant="outline"
diff --git a/apps/console/src/pages/VendorListPage.tsx b/apps/console/src/pages/VendorListPage.tsx
index 189108d82..4c07a1f0c 100644
--- a/apps/console/src/pages/VendorListPage.tsx
+++ b/apps/console/src/pages/VendorListPage.tsx
@@ -143,6 +143,10 @@ function LoadAboveButton({
   hasMore: boolean;
   onLoadMore: () => void;
 }) {
+  if (!hasMore) {
+    return null;
+  }
+
   return (
     <div className="flex justify-center">
       <Button
@@ -166,6 +170,10 @@ function LoadBelowButton({
   hasMore: boolean;
   onLoadMore: () => void;
 }) {
+  if (!hasMore) {
+    return null;
+  }
+
   return (
     <div className="flex justify-center">
       <Button