DTLA Hack for LA is partnering with Los Angeles Department of Transportation (LADOT) to develop a Traffic Demand Management (TDM) calculator tool. This tool will help planners at LADOT and real estate developers to meet the Los Angeles’s Mobility Plan goals by 2035.
used createUseStyles to create styles "iconFIlter" and "iconNoFIlter"
referenced "iconFilter" and "iconNoFilter" with className prop for MdFilterAlt and MdOutlineFilterAlt
Why did you make the changes (we will use this info to test)?
the issue called for a hover state style and that could not be implement with the previous structure of the code in which inline styles were specified. That is the reason for introducting createUseStyles.
Issue-Specific User Account
If you registered a new, temporary TDM User Account for this issue, indicate the
username (i.e., email address) for the account.
Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)
Visuals before changes are applied - filter applied on `Name`, no change on hover
![image](https://github.com/user-attachments/assets/0c91a143-17b0-4126-a151-c3fd4c6fca55)
Visuals after changes are applied - filter applied on `Name` and `Created By`, hovering over `Address`
![image](https://github.com/user-attachments/assets/7231e8b3-9414-45df-8be2-af5a060aa512)
Fixes #1914
What changes did you make?
createUseStyles
to create styles "iconFIlter" and "iconNoFIlter"Why did you make the changes (we will use this info to test)?
createUseStyles
.Issue-Specific User Account
If you registered a new, temporary TDM User Account for this issue, indicate the username (i.e., email address) for the account.
Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)
Visuals before changes are applied - filter applied on `Name`, no change on hover
![image](https://github.com/user-attachments/assets/0c91a143-17b0-4126-a151-c3fd4c6fca55)Visuals after changes are applied - filter applied on `Name` and `Created By`, hovering over `Address`
![image](https://github.com/user-attachments/assets/7231e8b3-9414-45df-8be2-af5a060aa512)