From 5842967a3d050ee96b4d8eebe86e4c94b69197e9 Mon Sep 17 00:00:00 2001
From: gaurav1620 <gauravak007@gmail.com>
Date: Tue, 6 Oct 2020 13:02:41 +0530
Subject: [PATCH] Change BG on hover for list in schedule

---
 src/components/sections/Schedule.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/sections/Schedule.js b/src/components/sections/Schedule.js
index 05db930..8d79a3a 100644
--- a/src/components/sections/Schedule.js
+++ b/src/components/sections/Schedule.js
@@ -86,6 +86,8 @@ class Schedule extends React.PureComponent {
   }
 
   handleClick = active => this.setState({ activeDay: active });
+  changeBackground = e => e.target.style.background = '#FFF';
+  revertBackground = e => e.target.style.background = 'inherit';
 
   render() {
     const { activeDay } = this.state;
@@ -111,7 +113,7 @@ class Schedule extends React.PureComponent {
           <List>
           <h2 style={{marginLeft: '0.2rem'}}>Day {activeDay}</h2>
             {SCHEDULE[activeDay - 1].value.map(({ time, label }) => (
-              <Item key={time}>
+              <Item key={time} onMouseEnter={this.changeBackground} onMouseLeave={this.revertBackground}>>
                 <Time>{time}</Time>
                 <div>{label}</div>
               </Item>