Domain:
Coding / UX

Difficulty:
Intermediate

Problem / steps to reproduce (for bugs)

• On the search component, the user must currently select:
  1. Source language
  2. Destination language 1
  3. Destination language 2
• The form requires Destination language 2.
• Users who do not have a second destination language are forced to select one, which is unnecessary and confusing.

Expected outcome / task:

• Update the search component so that Destination language 2 is optional.
• The user can perform a search with only the source language and destination language 1.
• Ensure that form validation does not block the search when Destination language 2 is empty.

Any links or references:

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select (for optional select fields)
• https://react.dev/reference/react/forms (if using React forms)

Setup Steps (short):

• Ensure the project runs locally (npm install + npm run dev).
• Locate the search component form.
• Update the form validation logic to make Destination language 2 optional.
• Test by performing searches with and without selecting Destination language 2, confirming the search works in both cases.