Fetching and rendering of AreWeHeadlessYetTopicPage

[Tijani-Dia]

There is a topics section in the homepage where is listed all the topics relevant to headless builds with Wagtail. We also have a dedicated topic page which provides more details about each topic.
The goal of this PR is to fetch the topic pages from the backend in wagtail.org and render them (Ticket 19 on CodeBase) i.e build the dedicated topic page.

The work done here is based on what have been done in the sections branch hence the target. That also explains why the CI fails; fixing it in that branch will get it resolved here too.

[thibaudcolas]

@Tijani-Dia I don’t think this is reviewable at this stage – as I said in #1, please make sure to always describe the changes you’re making in the pull request description. Here I’d expect you to say:

• What the PR is trying to achieve overall
• Which tickets it’s for
• How you’ve tested it
• Why it’s pointing at the sections branch (what is it for?) rather than main? What’s the plan to merge what is inside section?
• Why the CI builds are failing / should we ignore this or raise it with you / what’s your plan to get them passing.

[Tijani-Dia]

@thibaudcolas I've added a description to this PR. Let me know if you want more details.

I've tested it locally and in the preview environment.

[patrickcuagan]

Thanks Tidiane! I've left a few comments and questions.

[patrickcuagan]

Question

Why can't we add this to the BLOCKS object above?

[Tijani-Dia]

The styling for the sections and plain text/paragraphs is different and we don't pass block.value to the RichTextBlock component currently, we're only passing the block itself.

[patrickcuagan]

Right my bad - I didn't notice that the className changed.

Suggestion

What do you think about adding <div className={styles.text}> inside the RichTextBlock component.

If I understand it correctly, with how it's built now, every time you want to render a RichTextBlock, you'll also need to declare the div that encloses it. (The same applies for all the blocks in BLOCKS and TopicsBlock)

[Tijani-Dia]

Yes, I preferred styling all those blocks in Streamfield.module.scss because they share a lot of styles rather than doing it separately.