From 94dd17a936fce9a87f123d8153f78b77937cdda8 Mon Sep 17 00:00:00 2001
From: Gilles De Mey <gilles.de.mey@gmail.com>
Date: Fri, 1 Sep 2023 13:39:47 +0200
Subject: [PATCH] Alerting: Adds additional pagination to several views
 (#74268)

---
 .../unified/components/mute-timings/MuteTimingsTable.tsx       | 2 +-
 .../alerting/unified/components/receivers/ReceiversTable.tsx   | 3 ++-
 .../unified/components/rules/state-history/StateHistory.tsx    | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/app/features/alerting/unified/components/mute-timings/MuteTimingsTable.tsx b/public/app/features/alerting/unified/components/mute-timings/MuteTimingsTable.tsx
index 86bc55fcbd5..8bd5358f6a4 100644
--- a/public/app/features/alerting/unified/components/mute-timings/MuteTimingsTable.tsx
+++ b/public/app/features/alerting/unified/components/mute-timings/MuteTimingsTable.tsx
@@ -80,7 +80,7 @@ export const MuteTimingsTable = ({ alertManagerSourceName, muteTimingNames, hide
         )}
       </Stack>
       {items.length > 0 ? (
-        <DynamicTable items={items} cols={columns} />
+        <DynamicTable items={items} cols={columns} pagination={{ itemsPerPage: 25 }} />
       ) : !hideActions ? (
         <EmptyAreaWithCTA
           text="You haven't created any mute timings yet"
diff --git a/public/app/features/alerting/unified/components/receivers/ReceiversTable.tsx b/public/app/features/alerting/unified/components/receivers/ReceiversTable.tsx
index 8959240423b..73a70694934 100644
--- a/public/app/features/alerting/unified/components/receivers/ReceiversTable.tsx
+++ b/public/app/features/alerting/unified/components/receivers/ReceiversTable.tsx
@@ -283,7 +283,7 @@ function NotifiersTable({ notifiersState }: NotifiersTableProps) {
     })
   );
 
-  return <DynamicTable items={notifierRows} cols={getNotifierColumns()} />;
+  return <DynamicTable items={notifierRows} cols={getNotifierColumns()} pagination={{ itemsPerPage: 25 }} />;
 }
 
 interface Props {
@@ -375,6 +375,7 @@ export const ReceiversTable = ({ config, alertManagerName }: Props) => {
       }
     >
       <DynamicTable
+        pagination={{ itemsPerPage: 25 }}
         items={rows}
         cols={columns}
         isExpandable={errorStateAvailable}
diff --git a/public/app/features/alerting/unified/components/rules/state-history/StateHistory.tsx b/public/app/features/alerting/unified/components/rules/state-history/StateHistory.tsx
index cf9e78e7a56..1ba413adf6c 100644
--- a/public/app/features/alerting/unified/components/rules/state-history/StateHistory.tsx
+++ b/public/app/features/alerting/unified/components/rules/state-history/StateHistory.tsx
@@ -70,7 +70,7 @@ const StateHistory = ({ alertId }: Props) => {
           <header className={styles.tableGroupKey}>
             <code>{groupKey}</code>
           </header>
-          <DynamicTable cols={columns} items={tableItems} />
+          <DynamicTable cols={columns} items={tableItems} pagination={{ itemsPerPage: 25 }} />
         </div>
       );
     });