diff --git a/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk b/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk index 2c2b81cb8b..9b69cb5928 100644 --- a/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk +++ b/packages/govuk-frontend-review/src/views/examples/template-custom/index.njk @@ -51,12 +51,14 @@ containerClasses: "app-width-container--wide" }) }} - {{ govukPhaseBanner({ - tag: { - text: "Alpha" - }, - html: 'C\'est un nouveau service - vos commentaires nous aideront à l\'améliorer.' - }) }} + {% set phaseBanner %} + {{ govukPhaseBanner({ + tag: { + text: "Alpha" + }, + html: 'C\'est un nouveau service - vos commentaires nous aideront à l\'améliorer.' + }) }} + {% endset %} {{ govukServiceHeader({ serviceName: "Nom du service", @@ -74,7 +76,10 @@ href: '#3', text: 'Élément de navigation 3' } - ] + ], + slots: { + end: phaseBanner + } }) }} {% endblock %} diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk index ebb30121f6..6e39889e12 100644 --- a/packages/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk +++ b/packages/govuk-frontend-review/src/views/full-page-examples/manage-company-information/index.njk @@ -95,10 +95,12 @@ notes: Based on elements of Companies Houses company information view {% block header %} {{ govukHeader() }} - {{ govukPhaseBanner({ - tag: { text: 'Alpha' }, - html: 'This is a new service – your feedback will help us to improve it.' - }) }} + {% set phaseBanner %} + {{ govukPhaseBanner({ + tag: { text: 'Alpha' }, + html: 'This is a new service – your feedback will help us to improve it.' + }) }} + {% endset %} {{ govukServiceHeader({ serviceName: 'Manage company information', serviceUrl: '#/', @@ -108,7 +110,10 @@ notes: Based on elements of Companies Houses company information view { href: '#/3', text: 'People', active: true }, { href: '#/4', text: 'Registers' }, { href: '#/4', text: 'More' } - ] + ], + slots: { + end: phaseBanner + } }) }} {% endblock %} diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk index 25a610c044..d01f78776c 100644 --- a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk +++ b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo-success/index.njk @@ -24,14 +24,19 @@ scenario: | {% block header %} {{ super() }} - {{ govukPhaseBanner({ - tag: { - text: "Beta" - }, - html: 'This is a new service – your feedback will help us to improve it.' - }) }} + {% set phaseBanner %} + {{ govukPhaseBanner({ + tag: { + text: "Beta" + }, + html: 'This is a new service – your feedback will help us to improve it.' + }) }} + {% endset %} {{ govukServiceHeader({ - serviceName: "Apply for a passport" + serviceName: "Apply for a passport", + slots: { + end: phaseBanner + } }) }} {% endblock %} diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk index 9910ed0c51..a1e54f9d45 100644 --- a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk +++ b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/confirm.njk @@ -1,6 +1,7 @@ {% extends "layouts/full-page-example.njk" %} {% from "govuk/components/panel/macro.njk" import govukPanel %} +{% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %} {% from "govuk/components/service-header/macro.njk" import govukServiceHeader %} {% set pageTitle = "Photo submitted" %} @@ -8,12 +9,14 @@ {% block header %} {{ super() }} - {{ govukPhaseBanner({ - tag: { - text: "Beta" - }, - html: 'This is a new service – your feedback will help us to improve it.' - }) }} + {% set phaseBanner %} + {{ govukPhaseBanner({ + tag: { + text: "Beta" + }, + html: 'This is a new service – your feedback will help us to improve it.' + }) }} + {% endset %} {{ govukServiceHeader({ serviceName: "Apply for a passport", navigation: [ @@ -26,7 +29,10 @@ text: "Upload a photo", active: true } - ] + ], + slots: { + end: phaseBanner + } }) }} {% endblock %} diff --git a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk index e3181ac22f..5a6be52d1e 100644 --- a/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk +++ b/packages/govuk-frontend-review/src/views/full-page-examples/upload-your-photo/index.njk @@ -26,12 +26,14 @@ scenario: | {% block header %} {{ super() }} - {{ govukPhaseBanner({ - tag: { - text: "Beta" - }, - html: 'This is a new service – your feedback will help us to improve it.' - }) }} + {% set phaseBanner %} + {{ govukPhaseBanner({ + tag: { + text: "Beta" + }, + html: 'This is a new service – your feedback will help us to improve it.' + }) }} + {% endset %} {{ govukServiceHeader({ serviceName: "Apply for a passport", navigation: [ @@ -44,7 +46,10 @@ scenario: | text: "Upload a photo", active: true } - ] + ], + slots: { + end: phaseBanner + } }) }} {% endblock %}