Redux store for recent items. BOD-178

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

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