Both panel are now able to be toggled via the top level button tray.
Arvados-DCO-1.1-Signed-off-by: Lucas Di Pentima <lucas.dipentima@curii.com>
import { Process } from 'store/processes/process';
import { SubprocessPanel } from 'views/subprocess-panel/subprocess-panel';
import { SubprocessFilterDataProps } from 'components/subprocess-filter/subprocess-filter';
import { Process } from 'store/processes/process';
import { SubprocessPanel } from 'views/subprocess-panel/subprocess-panel';
import { SubprocessFilterDataProps } from 'components/subprocess-filter/subprocess-filter';
+import { MPVContainer } from 'components/multi-panel-view/multi-panel-view';
export interface ProcessPanelRootDataProps {
process?: Process;
export interface ProcessPanelRootDataProps {
process?: Process;
export const ProcessPanelRoot = ({ process, ...props }: ProcessPanelRootProps) =>
process
export const ProcessPanelRoot = ({ process, ...props }: ProcessPanelRootProps) =>
process
- ? <Grid container spacing={16} alignItems="stretch">
+ ? <MPVContainer spacing={8} panelNames={["Info", "Subprocesses"]} alignItems="stretch">
<Grid item sm={12} md={12}>
<ProcessInformationCard
process={process}
<Grid item sm={12} md={12}>
<ProcessInformationCard
process={process}
<Grid item sm={12} md={12}>
<SubprocessPanel />
</Grid>
<Grid item sm={12} md={12}>
<SubprocessPanel />
</Grid>
: <Grid container
alignItems='center'
justify='center'
: <Grid container
alignItems='center'
justify='center'