The Public Happiness Movement: A platform bringing people and communities together to solve any and all societal issues. BTM branch is a project aiming to solve world involuntary homelessness. PHM brings communities together to create social initiatives for kindness and well-being.
… dot on map is hovered event item in list will change style(light up).
Changes in Styles (styles.scss)
Added a new CSS class, .highlighted, for highlighting of the hovered event.
Enhanced the hover effect for a more interactive experience.
Changes in EventsList Component
Added hoveredEvent prop to pass the hovered event ID to the EventsListItem.
Adapted handling of event item clicks.
Changes in MarkerWrapper Component
Enhanced the handling of mouse events (hover, click, leave) for markers on the map.
Implemented smooth scrolling to the corresponding event in the Events List when hovering over a marker.
Changes in MapComponent Component
Added hoveredEvent and isHovered states to manage the currently hovered event.
Adapted the event handling for markers on the map.
… dot on map is hovered event item in list will change style(light up).
Changes in Styles (styles.scss) Added a new CSS class, .highlighted, for highlighting of the hovered event. Enhanced the hover effect for a more interactive experience.
Changes in EventsList Component Added hoveredEvent prop to pass the hovered event ID to the EventsListItem. Adapted handling of event item clicks.
Changes in MarkerWrapper Component Enhanced the handling of mouse events (hover, click, leave) for markers on the map. Implemented smooth scrolling to the corresponding event in the Events List when hovering over a marker.
Changes in MapComponent Component Added hoveredEvent and isHovered states to manage the currently hovered event. Adapted the event handling for markers on the map.