[PRP-348] Add additional survey links (#111)

- Add feedback survey link in the footer - Add post-recertification-appointment survey link on the index page
navapbc · May 19, 2023 · 9ef2252 · 9ef2252
1 parent 2a82e9b
commit 9ef2252
Show file tree

Hide file tree

Showing 41 changed files with 50 additions and 8 deletions.
diff --git a/participant/app/components/Layout.tsx b/participant/app/components/Layout.tsx
@@ -80,11 +80,16 @@ const Layout = ({
               <div className="font-body-3xs">
                 <p>
                   <TransLinks
-                    i18nTextKey="Layout.footer1.text"
-                    i18nLinkKey="Layout.footer1.links"
+                    i18nTextKey="Layout.feedback.text"
+                    i18nLinkKey="Layout.feedback.links"
                   />
                 </p>
                 <p>
+                  <TransLinks
+                    i18nTextKey="Layout.footer1.text"
+                    i18nLinkKey="Layout.footer1.links"
+                  />
+                  &nbsp;
                   <TransLinks
                     i18nTextKey="Layout.footer2.text"
                     i18nLinkKey="Layout.footer2.links"

diff --git a/participant/app/routes/$localAgency/recertify/index.tsx b/participant/app/routes/$localAgency/recertify/index.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import { Trans } from "react-i18next";
 import { ButtonLink } from "app/components/ButtonLink";
 import { List } from "app/components/List";
+import { TransLinks } from "app/components/TransLinks";
 import { useLoaderData } from "@remix-run/react";
 import type { Params } from "@remix-run/react";
 import type { LoaderFunction } from "@remix-run/server-runtime";
@@ -39,7 +40,7 @@ export default function Index() {
         {resetSession === "true" && (
           <Alert
             type="warning"
-            headingLevel="h6"
+            headingLevel="h2"
             slim={true}
             role="status"
             className="margin-bottom-2"
@@ -62,6 +63,18 @@ export default function Index() {
       <p>
         <Trans i18nKey="Index.time" />
       </p>
+      <Alert
+        type="info"
+        headingLevel="h2"
+        heading={<Trans i18nKey="Index.feedback.heading" />}
+        slim={true}
+        role="status"
+      >
+        <TransLinks
+          i18nTextKey={"Index.feedback.text"}
+          i18nLinkKey={"Index.feedback.links"}
+        />
+      </Alert>
       <ButtonLink to="about" className="margin-top-6">
         <Trans i18nKey="Index.button" />
       </ButtonLink>

diff --git a/...quest-and-o-7db59--a-GET-request-that-repopulates-the-form-2-chromium-linux.png b/...quest-and-o-7db59--a-GET-request-that-repopulates-the-form-2-chromium-linux.png
diff --git a/...equest-and-o-7db59--a-GET-request-that-repopulates-the-form-2-firefox-linux.png b/...equest-and-o-7db59--a-GET-request-that-repopulates-the-form-2-firefox-linux.png
diff --git a/...request-and-o-7db59--a-GET-request-that-repopulates-the-form-2-webkit-linux.png b/...request-and-o-7db59--a-GET-request-that-repopulates-the-form-2-webkit-linux.png
diff --git a/...quest-and-o-84388--a-GET-request-that-repopulates-the-form-1-chromium-linux.png b/...quest-and-o-84388--a-GET-request-that-repopulates-the-form-1-chromium-linux.png
diff --git a/...equest-and-o-84388--a-GET-request-that-repopulates-the-form-1-firefox-linux.png b/...equest-and-o-84388--a-GET-request-that-repopulates-the-form-1-firefox-linux.png
diff --git a/...request-and-o-84388--a-GET-request-that-repopulates-the-form-1-webkit-linux.png b/...request-and-o-84388--a-GET-request-that-repopulates-the-form-1-webkit-linux.png
diff --git a/...quest-and-o-43784--a-GET-request-that-repopulates-the-form-2-chromium-linux.png b/...quest-and-o-43784--a-GET-request-that-repopulates-the-form-2-chromium-linux.png
diff --git a/...equest-and-o-43784--a-GET-request-that-repopulates-the-form-2-firefox-linux.png b/...equest-and-o-43784--a-GET-request-that-repopulates-the-form-2-firefox-linux.png
diff --git a/...request-and-o-43784--a-GET-request-that-repopulates-the-form-2-webkit-linux.png b/...request-and-o-43784--a-GET-request-that-repopulates-the-form-2-webkit-linux.png
diff --git a/...quest-and-o-a4cbf--a-GET-request-that-repopulates-the-form-1-chromium-linux.png b/...quest-and-o-a4cbf--a-GET-request-that-repopulates-the-form-1-chromium-linux.png
diff --git a/...equest-and-o-a4cbf--a-GET-request-that-repopulates-the-form-1-firefox-linux.png b/...equest-and-o-a4cbf--a-GET-request-that-repopulates-the-form-1-firefox-linux.png
diff --git a/...request-and-o-a4cbf--a-GET-request-that-repopulates-the-form-1-webkit-linux.png b/...request-and-o-a4cbf--a-GET-request-that-repopulates-the-form-1-webkit-linux.png
diff --git a/...est-and-on--74d31--a-GET-request-that-repopulates-the-form-2-chromium-linux.png b/...est-and-on--74d31--a-GET-request-that-repopulates-the-form-2-chromium-linux.png
diff --git a/...uest-and-on--74d31--a-GET-request-that-repopulates-the-form-2-firefox-linux.png b/...uest-and-on--74d31--a-GET-request-that-repopulates-the-form-2-firefox-linux.png
diff --git a/...quest-and-on--74d31--a-GET-request-that-repopulates-the-form-2-webkit-linux.png b/...quest-and-on--74d31--a-GET-request-that-repopulates-the-form-2-webkit-linux.png
diff --git a/...est-and-on--c695d--a-GET-request-that-repopulates-the-form-1-chromium-linux.png b/...est-and-on--c695d--a-GET-request-that-repopulates-the-form-1-chromium-linux.png
diff --git a/...uest-and-on--c695d--a-GET-request-that-repopulates-the-form-1-firefox-linux.png b/...uest-and-on--c695d--a-GET-request-that-repopulates-the-form-1-firefox-linux.png
diff --git a/...quest-and-on--c695d--a-GET-request-that-repopulates-the-form-1-webkit-linux.png b/...quest-and-on--c695d--a-GET-request-that-repopulates-the-form-1-webkit-linux.png
diff --git a/...pant-d-30f61--submitted-even-if-the-back-button-is-clicked-1-chromium-linux.png b/...pant-d-30f61--submitted-even-if-the-back-button-is-clicked-1-chromium-linux.png
diff --git a/...ipant-d-30f61--submitted-even-if-the-back-button-is-clicked-1-firefox-linux.png b/...ipant-d-30f61--submitted-even-if-the-back-button-is-clicked-1-firefox-linux.png
diff --git a/...cipant-d-30f61--submitted-even-if-the-back-button-is-clicked-1-webkit-linux.png b/...cipant-d-30f61--submitted-even-if-the-back-button-is-clicked-1-webkit-linux.png
diff --git a/...age-is-not-editable-if-participant-data-has-been-submitted-1-chromium-linux.png b/...age-is-not-editable-if-participant-data-has-been-submitted-1-chromium-linux.png
diff --git a/...page-is-not-editable-if-participant-data-has-been-submitted-1-firefox-linux.png b/...page-is-not-editable-if-participant-data-has-been-submitted-1-firefox-linux.png
diff --git a/...-page-is-not-editable-if-participant-data-has-been-submitted-1-webkit-linux.png b/...-page-is-not-editable-if-participant-data-has-been-submitted-1-webkit-linux.png
diff --git a/...articipant-navigating-away-returning-and-removing-it-works-1-chromium-linux.png b/...articipant-navigating-away-returning-and-removing-it-works-1-chromium-linux.png
diff --git a/...participant-navigating-away-returning-and-removing-it-works-1-firefox-linux.png b/...participant-navigating-away-returning-and-removing-it-works-1-firefox-linux.png
diff --git a/...-participant-navigating-away-returning-and-removing-it-works-1-webkit-linux.png b/...-participant-navigating-away-returning-and-removing-it-works-1-webkit-linux.png
diff --git a/participant/e2e/routes/index.spec.ts b/participant/e2e/routes/index.spec.ts
@@ -38,6 +38,8 @@ test("clicking the get started link should take you to about", async ({
 
 test("having resetSession in the URL shows the alert", async ({ page }) => {
   await page.goto("/gallatin/recertify?resetSession=true");
-  const alert = page.getByTestId("alert");
+  const alert = page.getByText(
+    "You’ve been timed out due to inactivity. Any information you entered before can'"
+  );
   await expect(alert).toHaveText(/You’ve been timed out due to inactivity/);
 });
diff --git a/participant/e2e/routes/index.spec.ts-snapshots/has-title-1-chromium-linux.png b/participant/e2e/routes/index.spec.ts-snapshots/has-title-1-chromium-linux.png
diff --git a/participant/e2e/routes/index.spec.ts-snapshots/has-title-1-firefox-linux.png b/participant/e2e/routes/index.spec.ts-snapshots/has-title-1-firefox-linux.png
diff --git a/participant/e2e/routes/index.spec.ts-snapshots/has-title-1-webkit-linux.png b/participant/e2e/routes/index.spec.ts-snapshots/has-title-1-webkit-linux.png
diff --git a/...st-and-on-r-3dc3e--a-GET-request-that-repopulates-the-form-2-chromium-linux.png b/...st-and-on-r-3dc3e--a-GET-request-that-repopulates-the-form-2-chromium-linux.png
diff --git a/...est-and-on-r-3dc3e--a-GET-request-that-repopulates-the-form-2-firefox-linux.png b/...est-and-on-r-3dc3e--a-GET-request-that-repopulates-the-form-2-firefox-linux.png
diff --git a/...uest-and-on-r-3dc3e--a-GET-request-that-repopulates-the-form-2-webkit-linux.png b/...uest-and-on-r-3dc3e--a-GET-request-that-repopulates-the-form-2-webkit-linux.png
diff --git a/...st-and-on-r-90913--a-GET-request-that-repopulates-the-form-1-chromium-linux.png b/...st-and-on-r-90913--a-GET-request-that-repopulates-the-form-1-chromium-linux.png
diff --git a/...est-and-on-r-90913--a-GET-request-that-repopulates-the-form-1-firefox-linux.png b/...est-and-on-r-90913--a-GET-request-that-repopulates-the-form-1-firefox-linux.png
diff --git a/...uest-and-on-r-90913--a-GET-request-that-repopulates-the-form-1-webkit-linux.png b/...uest-and-on-r-90913--a-GET-request-that-repopulates-the-form-1-webkit-linux.png
diff --git a/participant/public/locales/en/common.json b/participant/public/locales/en/common.json
@@ -106,6 +106,11 @@
   "Index": {
     "button": "Get started",
     "eligible": "You can fill out this form if:",
+    "feedback": {
+      "heading": "Already attended your recertification appointment?",
+      "links": ["https://forms.gle/hYeQhm6ZjaWE7gQFA"],
+      "text": "We’d love to hear feedback about your experience. Please respond to <0>this 3 question survey</0> ."
+    },
     "intro": "You can now prepare for your recertification appointment with your local Montana WIC clinic.",
     "ifList": [
       "You have received this link from your local WIC clinic.",
@@ -118,15 +123,19 @@
     "title": "Start your recertification for Montana WIC"
   },
   "Layout": {
+    "feedback": {
+      "links": ["https://forms.gle/FBKaK3vjbHJwmzyA8"],
+      "text": "We want to hear from you! <0>Give feedback or ask questions about this site</0> ."
+    },
     "footer1": {
       "links": ["https://dphhs.mt.gov/ecfsd/wic/index"],
-      "text": "This site is built in partnership with <0>Montana WIC</0>"
+      "text": "This site is built in partnership with <0>Montana WIC</0> ."
     },
     "footer2": {
       "links": [
         "https://www.fns.usda.gov/civil-rights/usda-nondiscrimination-statement-other-fns-programs"
       ],
-      "text": "This institution is an equal opportunity provider. <0>USDA Non-Discrimination Statement</0>"
+      "text": "This institution is an equal opportunity provider. <0>USDA Non-Discrimination Statement</0> ."
     },
     "header": "Montana WIC Recertification Portal"
   },

diff --git a/participant/tests/components/__snapshots__/Layout.test.tsx.snap b/participant/tests/components/__snapshots__/Layout.test.tsx.snap
@@ -87,6 +87,18 @@ exports[`should match snapshot 1`] = `
             <div
               class="font-body-3xs"
             >
+              <p>
+                We want to hear from you! 
+                <a
+                  class="usa-link usa-link--external"
+                  href="https://forms.gle/FBKaK3vjbHJwmzyA8"
+                  rel="noopener noreferrer"
+                  target="_blank"
+                >
+                  Give feedback or ask questions about this site
+                </a>
+                 .
+              </p>
               <p>
                 This site is built in partnership with 
                 <a
@@ -97,8 +109,8 @@ exports[`should match snapshot 1`] = `
                 >
                   Montana WIC
                 </a>
-              </p>
-              <p>
+                 .
+                 
                 This institution is an equal opportunity provider. 
                 <a
                   class="usa-link usa-link--external"
@@ -108,6 +120,7 @@ exports[`should match snapshot 1`] = `
                 >
                   USDA Non-Discrimination Statement
                 </a>
+                 .
               </p>
                
             </div>