Merge remote-tracking branch 'origin/feature/breadcrumb/fix_localize'

client/src/components/Dashboard/DashboardBreadcrumbs.js

@@ -3,38 +3,33 @@ import {
   CollapsibleList,
   MenuItem,
   Classes,
-  Boundary
+  Boundary,
 } from '@blueprintjs/core';
 import classNames from 'classnames';
+import withBreadcrumbs from 'react-router-breadcrumbs-hoc';
+import routes from 'routes/dashboard';
+import { useHistory } from 'react-router-dom';
 
-export default function DashboardBreadcrumbs() {
-  function renderBreadcrumb(props) {
-    if (props.href != null) {
-      return <a className={Classes.BREADCRUMB}>{props.text}</a>;
-    } else {
-      return (
-        <span
-          className={classNames(Classes.BREADCRUMB, Classes.BREADCRUMB_CURRENT)}
-        >
-          {props.text}
-        </span>
-      );
-    }
-  }
-  return (
+function DashboardBreadcrumbs( {breadcrumbs }){
+  const history = useHistory();
+
+  return(
     <CollapsibleList
-      className={Classes.BREADCRUMBS}
-      dropdownTarget={<span className={Classes.BREADCRUMBS_COLLAPSED} />}
-      visibleItemRenderer={renderBreadcrumb}
-      collapseFrom={Boundary.START}
-      visibleItemCount={0}
-    >
-      <MenuItem icon='folder-close' text='All files' href='#' />
-      <MenuItem icon='folder-close' text='Users' href='#' />
-      <MenuItem icon='folder-close' text='Jane Person' href='#' />
-      <MenuItem icon='folder-close' text='My documents' href='#' />
-      <MenuItem icon='folder-close' text='Classy dayjob' href='#' />
-      <MenuItem icon='document' text='How to crush it' />
+     className={Classes.BREADCRUMBS}
+     dropdownTarget={<span className={Classes.BREADCRUMBS_COLLAPSED} />}
+     collapseFrom={Boundary.START}
+     visibleItemCount={0}>
+     {
+      breadcrumbs.map(({ breadcrumb,match })=>{
+        return (<MenuItem
+          key={match.url}
+          icon={'folder-close'}
+          text={breadcrumb}
+          onClick={() => history.push(match.url) } />)
+        })
+     }
     </CollapsibleList>
-  );
+  )
 }
+
+export default withBreadcrumbs(routes)(DashboardBreadcrumbs)