all

src/bots/utils/keyboardUtils.ts

@@ -15,16 +15,23 @@ export const getMainMenuKeyboard = () => {
   ]);
 };
 
-export const getLoggedInMenuKeyboard = () => {
+export const getLoggedInMenuKeyboard = (page: number = 0) => {
   const buttons = [];
   const services = Object.entries(fiveSimProducts);
   const rowSize = 2; // 2 buttons per row
+  const servicesPerPage = 10;
+  const totalPages = Math.ceil(services.length / servicesPerPage);
+  
+  // Get services for current page
+  const startIndex = page * servicesPerPage;
+  const endIndex = Math.min(startIndex + servicesPerPage, services.length);
+  const pageServices = services.slice(startIndex, endIndex);
 
   // Generate service buttons in pairs
-  for (let i = 0; i < services.length; i += rowSize) {
+  for (let i = 0; i < pageServices.length; i += rowSize) {
     const row = [];
-    for (let j = 0; j < rowSize && i + j < services.length; j++) {
-      const [serviceId, serviceData] = services[i + j];
+    for (let j = 0; j < rowSize && i + j < pageServices.length; j++) {
+      const [serviceId, serviceData] = pageServices[i + j];
       row.push(
         Markup.button.callback(
           `${serviceData.icon} ${serviceData.label_en}`,
@@ -35,6 +42,37 @@ export const getLoggedInMenuKeyboard = () => {
     buttons.push(row);
   }
 
+  // Add pagination buttons
+  const paginationRow = [];
+  if (page > 0) {
+    paginationRow.push(
+      Markup.button.callback(
+        '⬅️ Previous',
+        `services_page_${page - 1}`
+      )
+    );
+  }
+  
+  paginationRow.push(
+    Markup.button.callback(
+      `Page ${page + 1}/${totalPages}`,
+      'noop'
+    )
+  );
+  
+  if (page < totalPages - 1) {
+    paginationRow.push(
+      Markup.button.callback(
+        'Next ➡️',
+        `services_page_${page + 1}`
+      )
+    );
+  }
+  
+  if (paginationRow.length > 0) {
+    buttons.push(paginationRow);
+  }
+
   // Add profile and language buttons
   buttons.push([
     Markup.button.callback(messageManager.getMessage('btn_profile'), 'profile'),