From 55480c31765d370b1b4eaf5f7927615e53ed26d1 Mon Sep 17 00:00:00 2001
From: GregoireW <24318548+GregoireW@users.noreply.github.com>
Date: Mon, 10 May 2021 14:01:48 +0200
Subject: [PATCH] Pagination is set on the 'action' bar

Signed-off-by: GregoireW <24318548+GregoireW@users.noreply.github.com>
---
 .../Group/MembersList/MembersListCard.tsx      | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
index dbe35c3057..58dcefaaa4 100644
--- a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
+++ b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx
@@ -154,11 +154,22 @@ export const MembersListCard = (_props: {
   const nbPages = Math.ceil((members?.length || 0) / pageSize);
   const paginationLabel = nbPages < 2 ? '' : `, page ${page} of ${nbPages}`;
 
+  const pagination = (
+    <Pagination
+      count={nbPages}
+      page={page}
+      onChange={pageChange}
+      showFirstButton
+      showLastButton
+    />
+  );
+
   return (
     <Grid item>
       <InfoCard
         title={`Members (${members?.length || 0}${paginationLabel})`}
         subheader={`of ${displayName}`}
+        actions={pagination}
       >
         <Grid container spacing={3}>
           {members && members.length > 0 ? (
@@ -173,13 +184,6 @@ export const MembersListCard = (_props: {
             </Box>
           )}
         </Grid>
-        <Pagination
-          count={nbPages}
-          page={page}
-          onChange={pageChange}
-          showFirstButton
-          showLastButton
-        />
       </InfoCard>
     </Grid>
   );