projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge remote-tracking branch 'origin/main' into 19051-handle-quotes-in-search
[arvados-workbench2.git]
/
src
/
components
/
multi-panel-view
/
multi-panel-view.tsx
diff --git
a/src/components/multi-panel-view/multi-panel-view.tsx
b/src/components/multi-panel-view/multi-panel-view.tsx
index 66ecab2868f34d3180b99e0e50a996ebdd702037..f4c3f3ba44f5624b83a0ebaf299239957d84263e 100644
(file)
--- a/
src/components/multi-panel-view/multi-panel-view.tsx
+++ b/
src/components/multi-panel-view/multi-panel-view.tsx
@@
-15,7
+15,7
@@
import {
import { GridProps } from '@material-ui/core/Grid';
import { isArray } from 'lodash';
import { DefaultView } from 'components/default-view/default-view';
import { GridProps } from '@material-ui/core/Grid';
import { isArray } from 'lodash';
import { DefaultView } from 'components/default-view/default-view';
-import { InfoIcon
, InvisibleIcon, VisibleIcon
} from 'components/icon/icon';
+import { InfoIcon } from 'components/icon/icon';
import { ReactNodeArray } from 'prop-types';
import classNames from 'classnames';
import { ReactNodeArray } from 'prop-types';
import classNames from 'classnames';
@@
-155,16
+155,15
@@
const MPVContainerComponent = ({children, panelStates, classes, ...props}: MPVCo
...panelVisibility.slice(idx+1).map(() => false),
])
};
...panelVisibility.slice(idx+1).map(() => false),
])
};
- const toggleIcon = panelVisibility[idx]
- ? <VisibleIcon className={classNames(classes.buttonIcon)} />
- : <InvisibleIcon className={classNames(classes.buttonIcon)}/>
const panelName = panelStates === undefined
? `Panel ${idx+1}`
: (panelStates[idx] && panelStates[idx].name) || `Panel ${idx+1}`;
const panelName = panelStates === undefined
? `Panel ${idx+1}`
: (panelStates[idx] && panelStates[idx].name) || `Panel ${idx+1}`;
- const btnVariant = "outlined";
+ const btnVariant = panelVisibility[idx]
+ ? "contained"
+ : "outlined";
const btnTooltip = panelVisibility[idx]
const btnTooltip = panelVisibility[idx]
- ?
''
- :`
Show
${panelName} panel`;
+ ?
``
+ :`
Open
${panelName} panel`;
const panelIsMaximized = panelVisibility[idx] &&
panelVisibility.filter(e => e).length === 1;
const panelIsMaximized = panelVisibility[idx] &&
panelVisibility.filter(e => e).length === 1;
@@
-181,7
+180,6
@@
const MPVContainerComponent = ({children, panelStates, classes, ...props}: MPVCo
}}
onClick={showFn(idx)}>
{panelName}
}}
onClick={showFn(idx)}>
{panelName}
- {toggleIcon}
</Button>
</Tooltip>
];
</Button>
</Tooltip>
];