fix(dashboard): Properly highlight the trash menu when the route is active (codesandbox#2033)

Author: arthurdenner

packages/app/src/app/pages/Dashboard/Sidebar/TrashItem/index.js

@@ -7,11 +7,12 @@ import { inject, observer } from 'mobx-react';
 
 import Item from '../Item';
 
-const TrashItem = ({ isOver, canDrop, connectDropTarget }) =>
+const TrashItem = ({ currentPath, isOver, canDrop, connectDropTarget }) =>
   connectDropTarget(
     <div>
       <Item
-        path={'/dashboard/trash'}
+        active={currentPath === '/dashboard/trash'}
+        path="/dashboard/trash"
         Icon={TrashIcon}
         name="Trash"
         style={

packages/app/src/app/pages/Dashboard/Sidebar/index.js

@@ -69,7 +69,7 @@ class Sidebar extends React.Component {
                     currentTeamId={currentTeamId}
                     openByDefault
                   />
-                  <TrashItem />
+                  <TrashItem currentPath={path} />
                 </Items>
 
                 <Query query={TEAMS_QUERY}>