In this section, you will copy the new translation file into the front-end source code and redeploy to new version by pushing the changes in your repo.
cp ~/environment/theme-park-backend/codes/4-translate/local-app/translations.json ~/environment/theme-park-frontend/src/languages/
cd ~/environment/theme-park-frontend/
git commit -am "Module 4 - Translations"
git push
After the commit is completed, go to the Amplify Console.
In the All apps section, click theme-park-frontend.
You will see a new build has automatically started as a result of the new commit in the underlying code repo. This build will take a few minutes. Once complete:
Open the published application URL.
You can see a new translations button has appeared in the menu bar at the top of the display. Click this and select a non-English language from the list of translations.
Now click on any ride profile in the map to see the ride description in the new language. Navigate around the app to see how the new language now appears throughout.
To test further, change the selected language in the language dropdown to another target language.