Add feedback link to bottom of pages

nationalarchives · Jan 15, 2025 · fbf49bb · fbf49bb
1 parent a7cea1b
commit fbf49bb
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 3 deletions.
diff --git a/app/templates/macros/feedback.html b/app/templates/macros/feedback.html
@@ -1,10 +1,10 @@
 {%- from 'components/button/macro.html' import tnaButton -%}
 
 {% macro feedback() %}
-<!-- <div class="tna-container tna-container--centred tna-section">
+<div class="tna-container tna-container--centred tna-section">
   <div class="tna-column tna-column--width-3-4 tna-column--width-2-3-medium tna-column--full-small tna-column--full-tiny">
     <div class="etna-feedback tna-background-tint">
-      <h2 class="tna-heading-s">What did you think of this page?</h2>
+      <!-- <h2 class="tna-heading-s">What did you think of this page?</h2>
       <div class="tna-button-group tna-button-group--full">
         {{ tnaButton({
           'text': 'Easy to use',
@@ -16,8 +16,19 @@ <h2 class="tna-heading-s">What did you think of this page?</h2>
           'icon': 'thumbs-down',
           'buttonElement': True
         }) }}
+      </div> -->
+      <h2 class="tna-heading-s">Help us improve this service</h2>
+      <div class="tna-button-group">
+        {{ tnaButton({
+          'text': 'Complete our short survey (opens in new tab)',
+          'href': 'https://www.smartsurvey.co.uk/s/DN07V0/?source=',
+          'attributes': {
+            'target': '_blank',
+            'rel': 'noreferrer nofollow'
+          }
+        }) }}
       </div>
     </div>
   </div>
-</div> -->
+</div>
 {% endmacro %}
diff --git a/app/templates/whats-on/exhibition.html b/app/templates/whats-on/exhibition.html
@@ -6,6 +6,7 @@
 {%- from 'components/gallery/macro.html' import tnaGallery -%}
 {%- from 'components/hero/macro.html' import tnaHero -%}
 {%- from 'components/sidebar/macro.html' import tnaSidebar -%}
+{%- from 'macros/feedback.html' import feedback -%}
 {%- from 'macros/global_alert_banners.html' import global_alert_banners -%}
 {%- from 'macros/meta.html' import meta -%}
 {%- from 'macros/wagtail_blocks/media.html' import wagtailMedia -%}
@@ -595,6 +596,7 @@ <h3 class="tna-heading-m"><a href="https://pages.enews.nationalarchives.gov.uk/p
     }
   }) }}
 {% endfor %}
+{{ feedback() }}
 {% endblock %}
 
 {% block bodyEnd %}

diff --git a/src/styles/main/_feedback.scss b/src/styles/main/_feedback.scss
@@ -7,4 +7,8 @@
   text-align: center;
 
   @include colour.colour-border("keyline", 1px);
+
+  .tna-button-group {
+    justify-content: center;
+  }
 }