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

Feature Active Row #16

Closed
1 task
HadikaMalik opened this issue Feb 24, 2024 · 1 comment
Closed
1 task

Feature Active Row #16

HadikaMalik opened this issue Feb 24, 2024 · 1 comment

Comments

@HadikaMalik
Copy link
Owner

From React-Module-Project created by SallyMcGrath: CodeYourFuture#15

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.
@HadikaMalik HadikaMalik moved this from 📋 Backlog to 🔖 Ready in React-Hotel-Website-Planner Mar 2, 2024
@PERicci PERicci self-assigned this Mar 2, 2024
@PERicci PERicci moved this from 🔖 Ready to 🏗 In progress in React-Hotel-Website-Planner Mar 2, 2024
@PERicci PERicci moved this from 🏗 In progress to 🔖 Ready in React-Hotel-Website-Planner Mar 2, 2024
@PERicci PERicci moved this from 🔖 Ready to 🏗 In progress in React-Hotel-Website-Planner Mar 4, 2024
@PERicci PERicci moved this from 🏗 In progress to 👀 In review in React-Hotel-Website-Planner Mar 4, 2024
@PERicci
Copy link
Collaborator

PERicci commented Mar 4, 2024

#43

@HadikaMalik HadikaMalik moved this from 👀 In review to ✅ Done in React-Hotel-Website-Planner Mar 6, 2024
@PERicci PERicci closed this as completed Mar 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Done
Development

No branches or pull requests

2 participants