model-navigator-standalone
Version:
Standalone MDF graph model visualizer
37 lines • 1.65 kB
JavaScript
import React, { useContext } from 'react';
import withStyles from '@mui/styles/withStyles';
import clsx from 'clsx';
import styles from './Header.style';
import CustomTheme from './Header.theme.config';
import { ConfigContext } from '../../Config/ConfigContext';
import { ModelContext } from '../../Model/ModelContext';
import { brandIconSrc } from '../../Config/nav.config';
const HeaderComponent = _ref => {
let {
classes
} = _ref;
const config = useContext(ConfigContext);
const model = useContext(ModelContext);
const handle = model.handle;
const version = model.version;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomTheme, null, /*#__PURE__*/React.createElement("div", {
className: classes.titleContainer
}, /*#__PURE__*/React.createElement("div", {
className: classes.logoAndTitle
}, /*#__PURE__*/React.createElement("img", {
className: classes.brandIcon,
alt: "brand-icon",
src: config.brandIconSrc || brandIconSrc
}), /*#__PURE__*/React.createElement("div", {
className: classes.titleAndVersion
}, /*#__PURE__*/React.createElement("h2", {
className: version ? clsx(classes.title, classes.titleWithVersion) : classes.title
}, config.pageTitle || "Data Model Navigator"), handle && /*#__PURE__*/React.createElement("span", {
className: classes.modelVersion
}, handle), version && /*#__PURE__*/React.createElement("span", {
className: classes.modelVersion
}, "Version ", version)))), /*#__PURE__*/React.createElement("hr", {
className: classes.divider
})));
};
export default withStyles(styles)(HeaderComponent);