Get ready to extract write-review/add-author-page strings

Refs: #1817

src/write-review/add-author-page/add-author-form.ts

@@ -4,6 +4,7 @@ import { Status } from 'hyper-ts'
 import { P, match } from 'ts-pattern'
 import { type InvalidE, type MissingE, hasAnError } from '../../form.js'
 import { html, plainText, rawHtml } from '../../html.js'
+import type { SupportedLocale } from '../../locales/index.js'
 import type { PreprintTitle } from '../../preprint.js'
 import { StreamlinePageResponse } from '../../response.js'
 import { writeReviewAddAuthorMatch, writeReviewAddAuthorsMatch, writeReviewAuthorsMatch } from '../../routes.js'
@@ -18,6 +19,7 @@ export function addAuthorForm({
  form: AddAuthorForm
  preprint: PreprintTitle
  otherAuthors?: boolean
+ locale: SupportedLocale
 }) {
  const error = hasAnError(form)
  const backMatch = otherAuthors ? writeReviewAddAuthorsMatch : writeReviewAuthorsMatch

src/write-review/add-author-page/index.ts

@@ -10,6 +10,7 @@ import { get } from 'spectacles-ts'
 import { P, match } from 'ts-pattern'
 import { getInput, invalidE, missingE } from '../../form.js'
 import { havingProblemsPage, pageNotFound } from '../../http-error.js'
+import { DefaultLocale } from '../../locales/index.js'
 import { type GetPreprintTitleEnv, type PreprintTitle, getPreprintTitle } from '../../preprint.js'
 import { type PageResponse, RedirectResponse, type StreamlinePageResponse } from '../../response.js'
 import { writeReviewAddAuthorsMatch, writeReviewMatch } from '../../routes.js'
@@ -45,6 +46,7 @@ export const writeReviewAddAuthor = ({
  pipe(
  RTE.Do,
  RTE.apS('user', RTE.fromNullable('no-session' as const)(user)),
+ RTE.apS('locale', RTE.of(DefaultLocale)),
  RTE.let('preprint', () => preprint),
  RTE.let('method', () => method),
  RTE.let('body', () => body),
@@ -62,7 +64,7 @@ export const writeReviewAddAuthor = ({
  state =>
  match(state)
  .with({ form: { moreAuthors: 'yes' }, method: 'POST' }, handleAddAuthorForm)
- .with({ form: { moreAuthors: 'yes' } }, ({ form, preprint }) =>
+ .with({ form: { moreAuthors: 'yes' } }, ({ form, preprint, locale }) =>
  RT.of(
  addAuthorForm({
  form: {
@@ -71,6 +73,7 @@ export const writeReviewAddAuthor = ({
  },
  preprint,
  otherAuthors: (form.otherAuthors ?? []).length > 0,
+ locale,
  }),
  ),
  )
@@ -94,6 +97,7 @@ const handleAddAuthorForm = ({
  pipe(
  RTE.Do,
  RTE.let('name', () => pipe(NameFieldD.decode(body), E.mapLeft(missingE))),
+ RTE.apS('locale', RTE.of(DefaultLocale)),
  RTE.let('emailAddress', () =>
  pipe(
  EmailAddressFieldD.decode(body),
@@ -121,7 +125,12 @@ const handleAddAuthorForm = ({
  match(error)
  .with('form-unavailable', () => havingProblemsPage)
  .with({ name: P.any }, error =>
- addAuthorForm({ form: error, preprint, otherAuthors: (form.otherAuthors ?? []).length > 0 }),
+ addAuthorForm({
+ form: error,
+ preprint,
+ otherAuthors: (form.otherAuthors ?? []).length > 0,
+ locale: error.locale,
+ }),
  )
  .exhaustive(),
  () => RedirectResponse({ location: format(writeReviewAddAuthorsMatch.formatter, { id: preprint.id }) }),

visual-regression/write-review/write-review-add-author.spec.ts

@@ -1,5 +1,6 @@
 import { Doi } from 'doi-ts'
 import * as E from 'fp-ts/lib/Either.js'
+import { DefaultLocale } from '../../assets/locales/index.js'
 import { invalidE, missingE } from '../../src/form.js'
 import { html } from '../../src/html.js'
 import type { PreprintTitle } from '../../src/preprint.js'
@@ -15,6 +16,7 @@ const preprint = {
  title: html`The role of LHCBM1 in non-photochemical quenching in <i>Chlamydomonas reinhardtii</i>`,
  language: 'en',
 } satisfies PreprintTitle
+const locale = DefaultLocale
 
 test('content looks right', async ({ showPage }) => {
  const response = addAuthorForm({
@@ -23,6 +25,7 @@ test('content looks right', async ({ showPage }) => {
  emailAddress: E.right(undefined),
  },
  preprint,
+ locale,
  })
 
  const content = await showPage(response)
@@ -37,6 +40,7 @@ test('content looks right when fields are missing', async ({ showPage }) => {
  emailAddress: E.left(missingE()),
  },
  preprint,
+ locale,
  })
 
  const content = await showPage(response)
@@ -51,6 +55,7 @@ test('content looks right when fields are invalid', async ({ showPage }) => {
  emailAddress: E.left(invalidE('not an email address')),
  },
  preprint,
+ locale,
  })
 
  const content = await showPage(response)