Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added NavLink routing to layout. #17

Merged
merged 2 commits into from
Feb 7, 2024
Merged

Conversation

DevinaG007
Copy link
Collaborator

Description

Updated the navigation links to use the <NavLink> element from React Router to fix link functionality.

Related Issue

closes #3

Acceptance Criteria

  • The nav element is added to the Layout component
  • Links to the "Home", "List", and "Add item" pages of the app are In the nav element
  • The links all function as expected using the NavLink component from react-router-dom

Type of Changes

Code Refactoring

Updates

Before

Not a UI feature, before and after screenshots are not included.

After

Not a UI feature, before and after screenshots are not included.

Testing Steps / QA Criteria

Clicking Home leads to homepage
Clicking List leads to list page
Clicking Manage List leads to manage-list page

Copy link

github-actions bot commented Feb 6, 2024

Visit the preview URL for this PR (updated for commit 8cf6c70):

https://tcl-68-smart-shopping-list--pr17-ap-dg-navlink-routin-cwa3b2p6.web.app

(expires Wed, 14 Feb 2024 02:40:39 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 8cb5d089a99ba9972009993f4dd31796b0cbda84

@DevinaG007 DevinaG007 requested review from etiry and sdmisra February 6, 2024 00:20
Copy link
Collaborator

@sdmisra sdmisra left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks good to me!

Copy link
Collaborator

@etiry etiry left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Agreed, looks good!

@DevinaG007
Copy link
Collaborator Author

Great, I'll pass it on to our mentors to review before we merge the PR.

Removed completed TODO comment from Layout.jsx
Copy link
Member

@cafloyd cafloyd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work @andiedoescode and @DevinaG007 !! Well done with your first issue and PR!!

@andiedoescode andiedoescode merged commit 3f77707 into main Feb 7, 2024
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
5 participants