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 { ResourceBreadcrumb, BREADCRUMBS } from '../../store/breadcrumbs/breadcrumbs-actions';
  12 import { openSidePanelContextMenu } from 'store/context-menu/context-menu-actions';
  13 import { ProjectResource } from "models/project";
  14
  15 type BreadcrumbsDataProps = Pick<BreadcrumbsProps, 'items' | 'resources'>;
  16 type BreadcrumbsActionProps = Pick<BreadcrumbsProps, 'onClick' | 'onContextMenu'>;
  17
  18 const mapStateToProps = () => ({ properties, resources }: RootState): BreadcrumbsDataProps => ({
  19     items: (getProperty<ResourceBreadcrumb[]>(BREADCRUMBS)(properties) || []),
  20     resources,
  21 });
  22
  23 const mapDispatchToProps = (dispatch: Dispatch): BreadcrumbsActionProps => ({
  24     onClick: ({ uuid }: Breadcrumb & ProjectResource) => {
  25         dispatch<any>(navigateTo(uuid));
  26     },
  27     onContextMenu: (event, breadcrumb: Breadcrumb & ProjectResource) => {
  28         dispatch<any>(openSidePanelContextMenu(event, breadcrumb.uuid));
  29     }
  30 });
  31
  32 export const Breadcrumbs = connect(mapStateToProps(), mapDispatchToProps)(BreadcrumbsComponent);