Extract no-permission strings

Refs #1817

locales/en-US/no-permission-page.json

@@ -0,0 +1,8 @@
+{
+  "noPermissionTitle": {
+    "message": "You do not have permission to view this page"
+  },
+  "shouldHaveAccess": {
+    "message": "If you think you should have access, please <contact>get in touch</contact>."
+  }
+}

src/NoPermissionPage/NoPermissionPage.ts

@@ -1,14 +1,23 @@
 import { StatusCodes } from 'http-status-codes'
-import { html, plainText } from '../html.js'
+import { html, plainText, rawHtml } from '../html.js'
+import { type SupportedLocale, translate } from '../locales/index.js'
 import { PageResponse } from '../response.js'
 
-export const createNoPermissionPage = (): PageResponse =>
+export const createNoPermissionPage = (locale: SupportedLocale): PageResponse =>
   PageResponse({
     status: StatusCodes.FORBIDDEN,
-    title: plainText`You do not have permission to view this page`,
+    title: plainText(translate(locale, 'no-permission-page', 'noPermissionTitle')()),
     main: html`
-      <h1>You do not have permission to view this page</h1>
+      <h1>${translate(locale, 'no-permission-page', 'noPermissionTitle')()}</h1>
 
-      <p>If you think you should have access, please <a href="mailto:help@prereview.org">get in touch</a>.</p>
+      <p>
+        ${rawHtml(
+          translate(
+            locale,
+            'no-permission-page',
+            'shouldHaveAccess',
+          )({ contact: text => html`<a href="mailto:help@prereview.org">${text}</a>`.toString() }),
+        )}
+      </p>
     `,
   })

src/NoPermissionPage/index.ts

@@ -1,5 +1,9 @@
 import { Effect } from 'effect'
+import { Locale } from '../Context.js'
 import type { PageResponse } from '../response.js'
 import { createNoPermissionPage } from './NoPermissionPage.js'
 
-export const NoPermissionPage: Effect.Effect<PageResponse> = Effect.sync(createNoPermissionPage)
+export const NoPermissionPage: Effect.Effect<PageResponse, never, Locale> = Effect.andThen(
+  Locale,
+  createNoPermissionPage,
+)

src/http-error.ts

@@ -69,4 +69,4 @@ export const pageNotFound = Effect.runSync(Effect.provideService(PageNotFound, L
 
 export const havingProblemsPage = Effect.runSync(Effect.provideService(HavingProblemsPage, Locale, DefaultLocale))
 
-export const noPermissionPage = Effect.runSync(NoPermissionPage)
+export const noPermissionPage = Effect.runSync(Effect.provideService(NoPermissionPage, Locale, DefaultLocale))

visual-regression/NoPermissionPage/NoPermissionPage.spec.ts

@@ -1,8 +1,9 @@
+import { DefaultLocale } from '../../src/locales/index.js'
 import { createNoPermissionPage } from '../../src/NoPermissionPage/NoPermissionPage.js'
 import { expect, test } from '../base.js'
 
 test('content looks right', async ({ showPage }) => {
-  const content = await showPage(createNoPermissionPage())
+  const content = await showPage(createNoPermissionPage(DefaultLocale))
 
   await expect(content).toHaveScreenshot()
 })