src/views-components/breadcrumbs/breadcrumbs.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { connect } from "react-redux";
   6 import { Breadcrumb, Breadcrumbs as BreadcrumbsComponent, BreadcrumbsProps } from 'components/breadcrumbs/breadcrumbs';
   7 import { RootState } from 'store/store';
   8 import { Dispatch } from 'redux';
   9 import { navigateTo } from 'store/navigation/navigation-action';
  10 import { getProperty } from '../../store/properties/properties';
  11 import { BREADCRUMBS } from '../../store/breadcrumbs/breadcrumbs-actions';
  12 import { openSidePanelContextMenu } from 'store/context-menu/context-menu-actions';
  13
  14 type BreadcrumbsDataProps = Pick<BreadcrumbsProps, 'items' | 'resources'>;
  15 type BreadcrumbsActionProps = Pick<BreadcrumbsProps, 'onClick' | 'onContextMenu'>;
  16
  17 const mapStateToProps = () => ({ properties, resources }: RootState): BreadcrumbsDataProps => ({
  18     items: (getProperty<Breadcrumb[]>(BREADCRUMBS)(properties) || []),
  19     resources,
  20 });
  21
  22 const mapDispatchToProps = (dispatch: Dispatch): BreadcrumbsActionProps => ({
  23     onClick: ({ uuid }: Breadcrumb) => {
  24         dispatch<any>(navigateTo(uuid));
  25     },
  26     onContextMenu: (event, breadcrumb: Breadcrumb) => {
  27         dispatch<any>(openSidePanelContextMenu(event, breadcrumb.uuid));
  28     }
  29 });
  30
  31 export const Breadcrumbs = connect(mapStateToProps(), mapDispatchToProps)(BreadcrumbsComponent);