🎢 Add basic joyride tour for navbar

[Feeshay]

Status:

🚧 In development

Description

• Add joyride tour for home page nav bar

Problems:

• The tour displays for the nav bar no matter where you are on the site. Since the nav bar is at a higher level (App.js) than the home page idk if there's a way to reference the entire home page (especially since we're referencing components inside the navbar) unless we do some really convoluted component passing
• The tour keeps re-appearing on refresh. idk if that's good or not lol

Resolves #475

Todos

• Styling
• Translations

Screenshots

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/hack4impact/nawc/2KQKZmVQFXeuJnQVEBFRxNqHuBEv
✅ Preview: https://nawc-git-joyride-start-hack4impact1.vercel.app

[github-actions]

Flow Coverage

File	Difference
client/src/components/Navigation.jsx	+3.2%

[cypress]

---

Test summary

24 • 0 • 0 • 0 • 0

---

Run details

Project	ymca
Status	Passed
Commit	efc922c
Started	Jul 20, 2021 9:03 PM
Ended	Jul 20, 2021 9:05 PM
Duration	02:13 💡
OS	Linux Ubuntu - 20.04
Browser	Electron 87

View run in Cypress Dashboard ➡️

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard