UHF-11460: Fix timeout messaging in events app

[jeremysteerio]

UHF-11460

Fix timeout problems in event search

What was done

• Add retriesExhausted state
• Show error message only after all retries are unsuccesful
• Add custom message option to error component
• Add translations

How to install

• Make sure your instance is up and running on latest dev branch.
  • git pull origin dev
  • make fresh
• Update the HDBT theme
  • composer require drupal/hdbt:dev-UHF-11460
• Run make drush-cr

How to test

Need to do some code changes to test this:

• cd public/themes/contrib/hdbt
• nvm use; npm i; npm run dev
• in src/containers/SearchContainer change the 3rd argument of useTimeoutFetch from 10 000 to 1000.

Then test out the app:

• Create or edit a event list paragraph
• Check what happens in the network tab when event list is making request to linkedevents api. Unless the requests are very light, you should see 3 aborted requests and the page should display an error message.
• If the request are going through, change the argument from 1000 to even lower until the requests fail
• Note requests get cached and might go through if you reload the same page -> you can circumvent this just by changing the page from the pager
• During this process, you should not see the error message before all retries have been exhausted (ie. three failing request are shown in the network tab)

Continuous documentation

• This feature has been documented/the documentation has been updated
• This change doesn't require updates to the documentation

Translations

• Translations have been added to .po -files and included in this PR

Other PRs

• Link to other PR

[github-actions]

✅ Tests passed! You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt-visual-regression/pull/1230/html_report/

[github-actions]

✅ Tests passed! You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt-visual-regression/pull/1230/html_report/

[teroelonen]

This works very nicely! I made a small adjustment on the loading spinner since it has been bothering me for so long 🦖

[github-actions]

✅ Tests passed! You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt-visual-regression/pull/1230/html_report/