How do you manage an app with multiple modals?

[thomthom]

I have an app where I need multiple modal prompts depending on what the user is doing.

The example shows how to add one modal. But what pattern is idiomatic to have multiple? Can I just keep adding multiple ones like this:

  root |= Modal(app.highscores_dialog.modal, &app.highscores_dialog.show);
  root |= Modal(app.name_input_dialog.modal, &app.name_input_dialog.show);

  root |= CatchEvent([&](Event e) {
    return OnGlobalEvent(e, app, screen); //
  });

  Loop loop(&screen, root);

Or does that end up nesting the modal in each other?

Side question, what is idiomatic way to handle events in a setup where you have a main app component and multiple modals (or even windows). How do you deal with reacting to the events per dialog?