X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/59b24ea9a90ba60563316a5c2ad4c7ce8a8c423d..59caadc58a0b7ffc92fa95c90b16c99a9af6d942:/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 a8c92b72ea..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 { InformationCard } 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);