Moved recent items to header BOD-200

client/src/components/breadcrumbs/breadcrumbs.component.jsx

@@ -1,41 +1,19 @@
-import { HomeFilled, ClockCircleFilled } from "@ant-design/icons";
-import { Breadcrumb, Menu, Dropdown } from "antd";
+import { HomeFilled } from "@ant-design/icons";
+import { Breadcrumb } from "antd";
 import React from "react";
 import { connect } from "react-redux";
 import { Link } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
-import {
-  selectBreadcrumbs,
-  selectRecentItems,
-} from "../../redux/application/application.selectors";
+import { selectBreadcrumbs } from "../../redux/application/application.selectors";
 import "./breadcrumbs.styles.scss";
 
 const mapStateToProps = createStructuredSelector({
   breadcrumbs: selectBreadcrumbs,
-  recentItems: selectRecentItems,
 });
 
-export function BreadCrumbs({ breadcrumbs, recentItems }) {
-  const menu = (
-    <Menu>
-      {recentItems.map((i, idx) => (
-        <Menu.Item key={idx}>
-          <Link to={i.url}>{i.label}</Link>
-        </Menu.Item>
-      ))}
-    </Menu>
-  );
-
+export function BreadCrumbs({ breadcrumbs }) {
   return (
     <div className="breadcrumb-container imex-flex-row">
-      <Dropdown
-        className="imex-flex-row__margin-large"
-        overlay={menu}
-        trigger={["click"]}
-      >
-        <ClockCircleFilled onClick={(e) => e.preventDefault()} />
-      </Dropdown>
-
       <Breadcrumb separator=">">
         <Breadcrumb.Item>
           <Link to={`/manage`}>