Add a link in the blocks notice to open the patterns modal

[renatho]

When we remove all the Sensei blocks from a course or lesson, we see the following notice (assets/js/admin/blocks-toggling-control.js).

This issue is to add another button to open the wizard modal in the last step.

NOTE: we may want to consider opening the default Gutenberg inserter sidebar instead, rather than opening our modal. OR we could open the modal from step 1.

More context: p1652825096507929/1652822680.825379-slack-C07418EJ0

[aaronfc]

--

[aaronfc]

The last proposal was to update the notice message to include a link to choose a pattern:

It looks like this course page doesn't have any Sensei blocks. This means that content will be handled by custom templates. Or, [click here to add Sensei blocks back].

This has some problems that I am describing below and adding some alternatives for discussion.

The thing is that adding a link to the content of the notice message is not supported. We can add an extra action (there is already a "Learn More" link) but the combination of buttons and links looks a little bit off:

Note that notices do not support a link with an onClick event only allowing us to use a button to open the Inserter.

Problems:

• We can only add a button in the notice actions (bottom part).
  • No way to add a link to the notice body – it's escaped so it's not possible to include raw html there.
  • The action is automatically displayed as a button if the onClick is provided – no way to have a link with a custom click event.
  • There is already a link (Learn More) and the combination of link + button looks ugly (misaligned). See
• We can only open the inserter in the initial tab (Blocks)
  • We can't open the Pattern tab directly.
  • We could implement something to open the wizard modal but initial investigation says it will be complex and might need a decent refactor on how the modal works.

Alternatives

Any other ideas are welcome :D

1. Remove the "Learn more" link so that the only action is the button opening the inserter.
2. Add a new notice apart from the one that already exists talking specifically about the patterns. Something like this (copies will need review):
3. Consider descoping this task?

@burtrw, wdyt?

[renatho]

Any other ideas are welcome :D

IMO, if it's hard to implement, I'd skip this since it's just a "helper" for an edge case.

---

Taking the opportunity of this conversation to talk about this related message. I agree that our message is not very clear when talking about "Sensei blocks", since it's only for some specific blocks. The blocks are mentioned in the Learn more link: https://senseilms.com/documentation/course-page-blocks/

Maybe it would be better with something like this (changes in bold and italic)?

It looks like this course page doesn't have any Sensei structure blocks (Click on "Learn more" to know more about these blocks). This means that content will be handled by custom templates.

[aaronfc]

Maybe it would be better with something like this (changes in bold and italic)?

To me this is a much more clear message now! 👏

[alexsanford]

I also like that suggestion for messaging.

My vote would be for de-scoping. Seems more difficult than it's worth.

Another option might be to simply explain in the messaging how the user might select a pattern. Or can we have multiple links? "Learn more about Sensei blocks" and "Learn more about Sensei patterns"? Would that work?

[aaronfc]

Another option might be to simply explain in the messaging how the user might select a pattern. Or can we have multiple links? "Learn more about Sensei blocks" and "Learn more about Sensei patterns"? Would that work?

Yes, we can have multiple links too.