Dynamically creating inline keyboard buttons Markup Telegraf?

See original GitHub issue

Hello, I am trying to send buttons to my telegram bot using the telegram bot api. For now, for creating the buttons, I have to hard code the values in the fields but lets say I want to create the inline keyboard buttons dynamically through an array and passing the array index and the array values as parameters. How should i go about it ? This is what I tried so far.

import Telegraf from 'telegraf';
const { Markup } = Telegraf;

const buttons = ['low', 'middle', 'high'];

const inlineKeyboard = Markup
  .inlineKeyboard(
    buttons.map((button) => {
      Markup.callbackButton(button, button);
    })
  )
    .resize()
    .extra();

Thanks

Issue Analytics

State:
Created 3 years ago
Comments:5

Top GitHub Comments

1reaction

shnigicommented, Oct 1, 2021

Here you go. The buttons have to be passed as an array. You can have 8 buttons in one row so if you want less you have to split your array / create chunks. Here is example with lodash chunks.

const sortedDota2Heroes = _.sortBy(dota2heroes, ['localized_name']);
const dota2heroesChunk = _.chunk(sortedDota2Heroes, 4);

const inlineMessageHeroes = Markup.inlineKeyboard(
    dota2heroesChunk.map((chunk) => chunk.map((hero) => Markup.button.callback(hero.localized_name, hero.localized_name))),
);

const dota2heroperformanceSelectHero = async (ctx, playerId) => {
    selectedPlayer = playerId;
    ctx.editMessageText(
        'Choose hero',
        inlineMessageHeroes,
    );
};

0reactions

humblemodulocommented, Sep 15, 2022

@shnigi How, exactly, do you handle .action() for dynamically created buttons?