Feature Active Row
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 65/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Stale
- Tech stack
- javascript, react
- Domain
- frontend
Research direction
Start in the SearchResults component and inspect its child components for the table row rendered as . Trace how each row is produced, then verify that clicking each row independently toggles its highlighted state and that clicking it again removes the highlighting. Use the issue's manual test checklist to confirm the finished behavior.
Written by the indexing model from the issue text.
Description
Highlight booking row when clicked
Instructions:
Within the <SearchResults /> component or its child components, add an onClick handler to each row in the table (hint: on the <tr> element). When clicked, the row is "selected" and highlighted with a different colour. When clicked again, the row is unselected and the coloured highlighting is removed.
Hint: Use a new state variable for each row to record if the row is selected or not, and use this value to set a class to the className prop of the row.
Test:
- Verify that each row of your table can be highlighted (on and off) independently when being clicked.
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 28
- PR merge metrics
- No merged PRs in 30d
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from CodeYourFuture/React-Module-Project
-
♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3 📅 Week 4
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
Feature Search State Open🐂 Size Medium 📅 Week 3 🧩 Feature
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
Difficulty 1/5 Under an hour Newbie friendliness 68/100
-
♟️ Dependent ticket 🏕 Priority Mandatory 🦔 Size Tiny
Difficulty 2/5 1-3 hours Newbie friendliness 62/100
All issues in CodeYourFuture/React-Module-Project
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
HarperFast/skills#96 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Automattic/studio#4908 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
sugarlabs/musicblocks#8847 ·
-
client-controller-update ta-bot-triage team-money-movement
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
MetaMask/metamask-mobile#36594 ·