[feat] Made PlantCalendarRow objects clickable #78
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What's new in this PR 🧑🌾
Description
PlantCalendarRow objects in the timeline page are now clickable. When the user clicks on the Calendar Row, they are redirected to the plant page for the specific row's plant that they clicked on.
Screenshots
How to review
Please review the changes in styles.ts for the PlantCalendarRow (creates the styled component that wraps the tr), and then the changes in PlantCalendarList (onClick event handler). The packages.json changes are when I was asked if I wanted to add sharp and supabase to my dependencies and I said yes. Kyle essentially wrote the code for me for this sprint (thank you btw) so I am mostly looking for feedback on the cleanliness, efficiency, and syntax of the code.
Next steps
Relevant links
Online sources
https://styled-components.com/docs/basics
https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#userouter-hook
Related PRs
CC: @ccatherinetan