X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/1e32e6134cd53c30cd8a9410572a443b37f76f2e..2c2339c775f9112f5da638b2beb81d8b6d5abc2b:/src/views-components/breadcrumbs/breadcrumbs.ts diff --git a/src/views-components/breadcrumbs/breadcrumbs.ts b/src/views-components/breadcrumbs/breadcrumbs.ts index 69eb9e3dfc..0334097d2e 100644 --- a/src/views-components/breadcrumbs/breadcrumbs.ts +++ b/src/views-components/breadcrumbs/breadcrumbs.ts @@ -3,27 +3,29 @@ // SPDX-License-Identifier: AGPL-3.0 import { connect } from "react-redux"; -import { Breadcrumbs as BreadcrumbsComponent, BreadcrumbsProps } from '~/components/breadcrumbs/breadcrumbs'; -import { RootState } from '~/store/store'; +import { Breadcrumb, Breadcrumbs as BreadcrumbsComponent, BreadcrumbsProps } from 'components/breadcrumbs/breadcrumbs'; +import { RootState } from 'store/store'; import { Dispatch } from 'redux'; -import { navigateTo } from '~/store/navigation/navigation-action'; +import { navigateTo } from 'store/navigation/navigation-action'; import { getProperty } from '../../store/properties/properties'; -import { ResourceBreadcrumb, BREADCRUMBS } from '../../store/breadcrumbs/breadcrumbs-actions'; +import { BREADCRUMBS } from '../../store/breadcrumbs/breadcrumbs-actions'; +import { openSidePanelContextMenu } from 'store/context-menu/context-menu-actions'; - - -type BreadcrumbsDataProps = Pick; +type BreadcrumbsDataProps = Pick; type BreadcrumbsActionProps = Pick; -const mapStateToProps = () => ({ properties }: RootState): BreadcrumbsDataProps => ({ - items: getProperty(BREADCRUMBS)(properties) || [] +const mapStateToProps = () => ({ properties, resources }: RootState): BreadcrumbsDataProps => ({ + items: (getProperty(BREADCRUMBS)(properties) || []), + resources, }); const mapDispatchToProps = (dispatch: Dispatch): BreadcrumbsActionProps => ({ - onClick: ({ uuid }: ResourceBreadcrumb) => { + onClick: ({ uuid }: Breadcrumb) => { dispatch(navigateTo(uuid)); }, - onContextMenu: () => { return; } + onContextMenu: (event, breadcrumb: Breadcrumb) => { + dispatch(openSidePanelContextMenu(event, breadcrumb.uuid)); + } }); -export const Breadcrumbs = connect(mapStateToProps(), mapDispatchToProps)(BreadcrumbsComponent); \ No newline at end of file +export const Breadcrumbs = connect(mapStateToProps(), mapDispatchToProps)(BreadcrumbsComponent);