CountryDashboardFooter

Note: Place this component within <M.Container size="narrow"> (or whatever width appropriate)!

px

Notes and disclaimers

The «Show/Hide notes and disclaimers» toggle on the left adapts based on what content is available. For example, when only notes are available but no disclaimers, it'll show «Show/Hide notes». The notes and disclaimers are provided through separate fields in GraphQL.

The content is inserted as raw HTML into the page (dangerouslySetInnerHTML). This allows the client to use paragraphs to separate multiple notes if there are more than one. Though we only support paragraphs and no other markup. In particular, links are not supported since they would not be accessible (due to user-select: none).

Show notes
Extra Element
Source: xxx, yyy
Only notes
Show disclaimers
Extra Element
Source: xxx, yyy
Only disclaimers
Show notes and disclaimers
Extra Element
Source: xxx, yyy
Both notes and disclaimers