X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/d911869b4340a32575e3a2cdce26ebd543522e42..d1272ea9203c4d6b644be3159c80eaf136f4e08c:/src/views/process-panel/process-panel.tsx diff --git a/src/views/process-panel/process-panel.tsx b/src/views/process-panel/process-panel.tsx index ce98a4880b..9f1d0adb7a 100644 --- a/src/views/process-panel/process-panel.tsx +++ b/src/views/process-panel/process-panel.tsx @@ -3,17 +3,28 @@ // SPDX-License-Identifier: AGPL-3.0 import * as React from 'react'; -import { ProcessInformationCard } from '~/views/process-panel/information-card'; -import { Grid } from '@material-ui/core'; +import { RootState } from '~/store/store'; +import { connect } from 'react-redux'; +import { getProcess, getSubprocesses } from '~/store/processes/process'; +import { Dispatch } from 'redux'; +import { openProcessContextMenu } from '~/store/context-menu/context-menu-actions'; +import { matchProcessRoute } from '~/routes/routes'; +import { ProcessPanelRootDataProps, ProcessPanelRootActionProps, ProcessPanelRoot } from './process-panel-root'; -export class ProcessPanel extends React.Component { - render() { - return
- - - - - -
; +const mapStateToProps = ({ router, resources }: RootState): ProcessPanelRootDataProps => { + const pathname = router.location ? router.location.pathname : ''; + const match = matchProcessRoute(pathname); + const uuid = match ? match.params.id : ''; + return { + process: getProcess(uuid)(resources), + subprocesses: getSubprocesses(uuid)(resources) + }; +}; + +const mapDispatchToProps = (dispatch: Dispatch): ProcessPanelRootActionProps => ({ + onContextMenu: (event: React.MouseEvent) => { + dispatch(openProcessContextMenu(event)); } -} \ No newline at end of file +}); + +export const ProcessPanel = connect(mapStateToProps, mapDispatchToProps)(ProcessPanelRoot);