From: Lucas Di Pentima <lucas.dipentima@curii.com>
Date: Fri, 8 Oct 2021 19:05:05 +0000 (-0300)
Subject: 18128: Applies MPVContainer component to the process panel.
X-Git-Tag: 2.4.0~25^2~19
X-Git-Url: https://git.arvados.org/arvados-workbench2.git/commitdiff_plain/a5e931aafba85d90e98a82372f3c06ad107dbe46

18128: Applies MPVContainer component to the process panel.

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>
---

diff --git a/src/views/process-panel/process-panel-root.tsx b/src/views/process-panel/process-panel-root.tsx
index e7f66573..242349b5 100644
--- a/src/views/process-panel/process-panel-root.tsx
+++ b/src/views/process-panel/process-panel-root.tsx
@@ -10,6 +10,7 @@ import { ProcessIcon } from 'components/icon/icon';
 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;
@@ -30,7 +31,7 @@ export type ProcessPanelRootProps = ProcessPanelRootDataProps & ProcessPanelRoot
 
 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}
@@ -44,7 +45,7 @@ export const ProcessPanelRoot = ({ process, ...props }: ProcessPanelRootProps) =
             <Grid item sm={12} md={12}>
                 <SubprocessPanel />
             </Grid>
-        </Grid>
+        </MPVContainer>
         : <Grid container
             alignItems='center'
             justify='center'