19302: removed useeffect Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii...

diff --git a/src/views-components/side-panel/side-panel-collapsed.tsx b/src/views-components/side-panel/side-panel-collapsed.tsx
index 6d19c8e0a8722701d3ea2c108500341609fa236c..2fddf82f54d24c420e58c200569a9eff8f37e8e7 100644 (file)
--- a/src/views-components/side-panel/side-panel-collapsed.tsx
+++ b/src/views-components/side-panel/side-panel-collapsed.tsx
@@ -104,9 +104,6 @@ const mapDispatchToProps = (dispatch: Dispatch) => {
 
 export const SidePanelCollapsed = withStyles(styles)(
     connect(mapStateToProps, mapDispatchToProps)(({ classes, user, selectedPath, navToHome, navTo }: WithStyles & any) => {
-        const [selectedIcon, setSelectedIcon] = useState(selectedPath)
-
-        useEffect(() => setSelectedIcon(selectedPath), [selectedPath])
 
         const handleClick = (cat: TCollapsedCategory) => {
             if (cat.name === SidePanelCollapsedCategory.PROJECTS) navToHome(user.uuid)
@@ -119,7 +116,7 @@ export const SidePanelCollapsed = withStyles(styles)(
                 {sidePanelCollapsedCategories.map((cat) => (
                     <ListItem
                         key={cat.name}
-                        className={selectedIcon === cat.name ? selected : unselected}
+                        className={selectedPath === cat.name ? selected : unselected}
                         onClick={() => handleClick(cat)}
                     >
                         <Tooltip