how to make pop-up change based on button pressed

Very interesting,
so you have to only make 4 popups for A,B,C,D which is connected from the frame/group of each ones.
Also only one design container in Figma (which will have all four with default green colour) is needed here which can be populated as a list by bravo (if you want help in that let me know, I figured how to change colours as well via tapping with this design)

So the trick is, you will have pre written on each 4 popup the respective alphabet (a/b/c/d) and the thing which you will get via bravo seats detail (${id}) is the row no. which is 1,2,3,4 ....
Since you only made one container in design figma, thus bravo(airtable) will give each container the unique row no.
so you can place this dynamic number in your popup with the help of bravo.

Solved 🙂

hi divyansh, thank you so much for the help! but I'm having some trouble populating my list page. I followed some tutorials on creating list pages and everything seems right, but when I preview my app in bravo vison, only the first container shows up and not the rest.

Ava, you just added records in top frame, but nothing more, it does not know which row goes in which design item.
So according to your table, since you have "seat" column, add a dynamic text in that container which will get this number from airtable, this way it will populate.
You can either hide this text (from figma) if you don't want to display it or you can beautifully design something (like displaying row-no in grey bar, or just row-no at top left corner etc.) Your choice :)

I labeled the grey bars with the number and it worked perfectly, I also managed to get the dynamic numbers on the popup with the method you suggested. thank you so much!