diff --git a/application/CohortManager/src/Web/app/components/userFeedback.tsx b/application/CohortManager/src/Web/app/components/userFeedback.tsx new file mode 100644 index 000000000..c70618671 --- /dev/null +++ b/application/CohortManager/src/Web/app/components/userFeedback.tsx @@ -0,0 +1,37 @@ +const UserFeedback = () => { + return ( +
+
+ +

Help us improve

+

Your feedback helps us make our service better.

+ + + + Let us know about your experience of Cohort Manager + + +

+ If you need technical support, please continue to use our{' '} + contact us page rather than this form. +

+
+ ); +}; + +export default UserFeedback; diff --git a/application/CohortManager/src/Web/app/exceptions/[filter]/page.tsx b/application/CohortManager/src/Web/app/exceptions/[filter]/page.tsx index a06631a19..52ddc7cec 100644 --- a/application/CohortManager/src/Web/app/exceptions/[filter]/page.tsx +++ b/application/CohortManager/src/Web/app/exceptions/[filter]/page.tsx @@ -10,6 +10,7 @@ import Breadcrumb from "@/app/components/breadcrumb"; import Unauthorised from "@/app/components/unauthorised"; import DataError from "@/app/components/dataError"; import Pagination from "@/app/components/pagination"; +import UserFeedback from "@/app/components/userFeedback"; export const metadata: Metadata = { title: `Raised breast screening exceptions - ${process.env.SERVICE_NAME} - NHS`, @@ -144,6 +145,7 @@ export default async function Page({ } /> )} + )} diff --git a/application/CohortManager/src/Web/app/exceptions/page.tsx b/application/CohortManager/src/Web/app/exceptions/page.tsx index 3bc51c4c4..70cae2330 100644 --- a/application/CohortManager/src/Web/app/exceptions/page.tsx +++ b/application/CohortManager/src/Web/app/exceptions/page.tsx @@ -10,6 +10,7 @@ import Breadcrumb from "@/app/components/breadcrumb"; import Unauthorised from "@/app/components/unauthorised"; import DataError from "@/app/components/dataError"; import Pagination from "@/app/components/pagination"; +import UserFeedback from "@/app/components/userFeedback"; export const metadata: Metadata = { title: `Not raised breast screening exceptions - ${process.env.SERVICE_NAME} - NHS`, @@ -145,6 +146,7 @@ export default async function Page({ } /> )} + )} diff --git a/application/CohortManager/src/Web/app/globals.scss b/application/CohortManager/src/Web/app/globals.scss index 17c6297c3..6b9cb0f77 100644 --- a/application/CohortManager/src/Web/app/globals.scss +++ b/application/CohortManager/src/Web/app/globals.scss @@ -142,3 +142,23 @@ margin-right: 0; margin-left: 8px; } + +.nhsuk-action-link { + display: flex; +} + +.nhsuk-icon--arrow-right-circle { + margin-right: 8px; +} + +.nhsuk-action-link__text { + font-size: 20px; + font-weight: bold; + align-self: center; +} + +.app-feedback-section .nhsuk-action-link svg.nhsuk-icon--arrow-right-circle { + fill: #00703c; + color: #00703c; +} + diff --git a/application/CohortManager/src/Web/app/participant-information/[exceptionId]/page.tsx b/application/CohortManager/src/Web/app/participant-information/[exceptionId]/page.tsx index 25318a376..82465fed4 100644 --- a/application/CohortManager/src/Web/app/participant-information/[exceptionId]/page.tsx +++ b/application/CohortManager/src/Web/app/participant-information/[exceptionId]/page.tsx @@ -9,6 +9,7 @@ import Breadcrumb from "@/app/components/breadcrumb"; import ParticipantInformationPanel from "@/app/components/participantInformationPanel"; import Unauthorised from "@/app/components/unauthorised"; import DataError from "@/app/components/dataError"; +import UserFeedback from "@/app/components/userFeedback"; export const metadata: Metadata = { title: `Exception information - ${process.env.SERVICE_NAME} - NHS`, @@ -195,6 +196,7 @@ export default async function Page(props: { searchParams={resolvedSearchParams} /> + diff --git a/application/CohortManager/src/Web/app/reports/page.tsx b/application/CohortManager/src/Web/app/reports/page.tsx index 7fb5c9962..fcbe75431 100644 --- a/application/CohortManager/src/Web/app/reports/page.tsx +++ b/application/CohortManager/src/Web/app/reports/page.tsx @@ -7,6 +7,7 @@ import ReportsTable from "@/app/components/reportsTable"; import Unauthorised from "@/app/components/unauthorised"; import { type ReportDetails } from "@/app/types"; import { formatDate, formatIsoDate } from "../lib/utils"; +import UserFeedback from "@/app/components/userFeedback"; export const metadata: Metadata = { title: `Reports - ${process.env.SERVICE_NAME} - NHS`, @@ -75,6 +76,7 @@ export default async function Page() { + );