X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/da5e144c103d5abb2bca727f40a14e5da052264e..c4a5e3c6af1aa8af29403c3b65296dd6ec64def8:/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 66ecab28..f4c3f3ba 100644
--- 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 { InfoIcon, InvisibleIcon, VisibleIcon } from 'components/icon/icon';
+import { InfoIcon } from 'components/icon/icon';
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),
])
};
- const toggleIcon = panelVisibility[idx]
- ?
- :
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]
- ? ''
- :`Show ${panelName} panel`;
+ ? ``
+ :`Open ${panelName} panel`;
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}
- {toggleIcon}
];