Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Start Session, instrument cards, bulk-assignment errors and dashboard dates ignore the interface language

Open
  • Is something wrong?
#1,769 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
55/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
react, typescript
Domain
internationalization

Research direction

Start with the listed components and routes in apps/web, then read apps/web/src/utils/bulk-assignments.ts and its tests to understand how error messages reach the wizard. Compare date formatting with the existing LineGraph and audit-log behavior, which the issue says already uses resolvedLanguage. Done means the named labels, enum values, parse errors, notifications, and dates follow the selected interface language, with the listed tests passing.

Written by the indexing model from the issue text.

Description

Area: Web Bug Difficulty: Medium Priority: Medium

Several user-facing strings in apps/web do not go through useTranslation, and some dates are formatted with the browser's locale instead of the interface language. A clinician using the French or Spanish interface sees English labels on the Start Session page and the instrument cards, English-only error lists in the bulk-assignment wizard, raw enum values such as INTERACTIVE, and month names in whatever language the browser happens to be set to. react/jsx-no-literals does not catch any of these, because each one is a prop value, an object property or a value computed outside JSX.

Where

Hard-coded English

  • apps/web/src/components/StartSessionForm/StartSessionForm.tsx:107 and apps/web/src/components/IdentificationForm/IdentificationForm.tsx:30: the identification-method select is labelled label: 'Method', on the Start Session page and in Datahub's Subject Lookup dialog.
  • apps/web/src/components/InstrumentCard/InstrumentCard.tsx:131: label: 'Tags' on every instrument card in Administer Instrument and Remote Assignment.
  • apps/web/src/components/InstrumentShowcase/InstrumentKindDropdown.tsx:38-41: the Kind filter's third option is label: 'Series' (the other two are translated).
  • apps/web/src/utils/bulk-assignments.ts:123-402: every BulkParseFailure message the wizard's ErrorList renders, e.g. 'Missing subject ID', 'Date of birth must be written as YYYY-MM-DD', 'Sex must be male or female', 'The workbook contains no sheets.' (14 in all). parseDelimitedText (:258-261) also passes Papa Parse's own English error.message (e.g. "Quoted field unterminated") straight through for pasted text and CSV files. ErrorList translates its own heading, so a French user reads a French sentence followed by an English list.
  • apps/web/src/routes/_app/datahub/subjects/$subjectId/table/$recordId.tsx:48: the failed-download notification has title: 'Error'.

Raw enum values shown as text

  • apps/web/src/routes/_app/dashboard.tsx:315 (Total Instruments dialog, "Kind" column), apps/web/src/routes/_app/admin/instrument-repos/index.tsx:338 (repository View dialog) and apps/web/src/routes/_app/upload/index.tsx:29 (Upload, "Kind" column) all render instrument.kind, i.e. FORM, INTERACTIVE, SERIES or FILE.

Dates in the browser's locale

  • apps/web/src/routes/_app/dashboard.tsx:455, :474, :578 and :597: the chart axis ticks and tooltips call toLocaleDateString(undefined, …).
  • apps/web/src/routes/_app/admin/instrument-repos/index.tsx:204: "Last Synced" calls toLocaleDateString() with no locale, so an en-US browser shows 10/7/2026 even in the French interface, which a French reader takes as 10 July.
// dashboard.tsx:453-456
tickFormatter={(timestamp: number) => {
  const date = new Date(timestamp);
  return date.toLocaleDateString(undefined, { day: 'numeric', month: 'short' });
}}

Reproduce

  1. In a browser whose language is English, sign in and switch the interface to Français.
  2. Open Start Session, Administer Instrument (during a session), the Dashboard, and Admin Panel → Instrument Repos.
  3. In Group Actions → Remote Assignments → Create Assignments, upload a CSV with a row missing its subject ID.

Actual: "Method", "Tags", "Series" and INTERACTIVE appear in English; the dashboard axes read "Oct 7"; "Last Synced" reads 10/7/2026; the wizard lists "Missing subject ID" under a French heading.
Expected: all of these follow the selected interface language, and dates are formatted with resolvedLanguage, as LineGraph and the audit logs already do.

Tests

  • apps/web/src/utils/__tests__/bulk-assignments.test.ts: it('should return every parse error as localized text, so the wizard can show it in the interface language').
  • apps/web/src/components/StartSessionForm/__tests__/StartSessionForm.test.tsx: it('should label the identification method in the interface language').
  • apps/web/src/routes/_app/__tests__/dashboard.test.tsx: it('should format chart dates in the interface language rather than the browser locale').
  • testing/src/specs/start-session.spec.ts: switch to French and assert the method select's label is not "Method".

Suggested fix

Translate the labels inline with t({ en, es, fr }). Have BulkParseError.message carry a LocalizedText (or a code that ErrorList maps to copy) instead of an English string, and map Papa Parse's error codes to translated copy rather than forwarding its message. Map InstrumentKind to translated labels in one helper and reuse it in the three tables. Pass resolvedLanguage to every toLocaleDateString call.

Dominant language
TypeScript
Stars
119
Forks
19
Avg merge
1d 2h
Merged PRs (30d)
56

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from DouglasNeuroInformatics/OpenDataCapture

All issues in DouglasNeuroInformatics/OpenDataCapture

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.