model-navigator-standalone
Version:
Standalone MDF graph model visualizer
34 lines (33 loc) • 1.34 kB
JavaScript
import React from 'react';
import clsx from 'clsx';
import { useSelector, useDispatch } from 'react-redux';
import { Button } from '@mui/material';
import withStyles from '@mui/styles/withStyles';
import styles from './ActionLayer.style';
import { searchResultCleared, selectIsSearchMode, selectOverlayPropertyHidden } from '../../../../../../features/search/searchSlice';
import { selectOverlayTableHidden } from '../../../../../../features/graph/graphSlice';
/**
* A layer over the graph.
* Put action buttons here.
*/
const ActionLayer = _ref => {
let {
classes
} = _ref;
const dispatch = useDispatch();
const isSearchMode = useSelector(selectIsSearchMode);
const overlayPropertyHidden = useSelector(selectOverlayPropertyHidden);
const overlayTableHidden = useSelector(selectOverlayTableHidden);
return /*#__PURE__*/React.createElement("div", {
className: clsx(classes.actionLayer, {
[classes.zvalue]: !overlayPropertyHidden || !overlayTableHidden
})
}, isSearchMode && /*#__PURE__*/React.createElement(Button, {
className: clsx(classes.clearSearch, {
[classes.zvalue]: !overlayPropertyHidden || !overlayTableHidden
}),
onClick: () => dispatch(searchResultCleared()),
label: "Clear Search Result"
}, " Clear Search Result"));
};
export default withStyles(styles)(ActionLayer);