Fix: issue 3438

[Anemaygi]

Caution

The Volto Team has suspended its review of new pull requests from first-time contributors until the release of Plone 7, which is preliminarily scheduled for the second quarter of 2026.
Read details.

---

• I signed and returned the Plone Contributor Agreement, and received and accepted an invitation to join a team in the Plone GitHub organization.
• I verified there aren't other open pull requests for the same change.
• I followed the guidelines in Contributing to Volto.
• I succesfully ran code linting checks on my changes locally.
• I succesfully ran unit tests on my changes locally.
• I succesfully ran acceptance tests on my changes locally.
• If needed, I added new tests for my changes.
• If needed, I added documentation for my changes, either in the Storybook or narrative documentation.
• I included a change log entry in my commits.

---

If your pull request closes an open issue, include the exact text below, immediately followed by the issue number. When your pull request gets merged, then that issue will close automatically.

Closes #

[boring-cyborg]

[!CAUTION] > The Volto Team has suspended its review of new pull requests from first-time contributors until the release of Plone 7, which is preliminarily scheduled for the second quarter of 2026. > Read details.
Thanks for submitting your first pull request! You are awesome! 🤗

If you haven't done so already, read Plone's Code of Conduct, Contributing to Plone, First-time contributors, and Contributing to Volto, as this will greatly help the review process.

Welcome to the Plone community! 🎉

[netlify]

✅ Deploy Preview for plone-components canceled.

Name	Link
🔨 Latest commit	12fb7fc
🔍 Latest deploy log	https://app.netlify.com/sites/plone-components/deploys/67ad665df543150008a7a01f

[Anemaygi]

Context

I have added the logic for the different use cases.

In the test file for this component (packages/volto/src/components/theme/View/EventDatesInfo.test.jsx),
the expected structure is defined by the test snapshot (packages/volto/src/components/theme/View/snapshots/EventDatesInfo.test.jsx.snap)

Even though the texts are the same, they still have problems in the automated tests. It is because we should also have a <span className="start"> and <span className="end"> encapsulating the start/end dates/times.

To fix:

• Translation problem (why does our translation defined in packages/volto/locales/pt_BR/LC_MESSAGES/volto.po not show up?)
• Automated tests errors

Is the code clear enough? :) please let me know!

[erral]

To fix:

* [ ]   Translation problem (why does our translation defined in `packages/volto/locales/pt_BR/LC_MESSAGES/volto.po` not show up?)

You need to run make i18n to convert the translations in po files to json files, and then they will be picked up by Volto.

* [ ]  Automated tests errors

Regarding the automated test errors, some of them are just whitespace things, that can be solved updating the snapshot (delete the file and run the tests to regenerate them).

In the other cases, where different HTML is outputed, I would try to keep the new HTML the same as the previous one, if possible.

The working of the new When_ component is correct, this is how it should be i18nized, using variables and not hardcoding the prepositions.

So big +1 for me, but you need to check the HTML produced by the new component.