react-antd-dashboard/build/core/components/View.js

React dashboard layout solution created using AntD and permission based navigation. Supports theming with Less, parameterized routes and private routing. Contains useful components for dashboard application.

import React from 'react';
const ViewState = {
  ENABLED: 0,
  DISABLED: 1,
  HIDDEN: 2
};

function View(props) {
  const {
    page,
    id,
    store
  } = props;
  let hidden = false,
      disabled = false;

  if (page && id) {
    const state = store[page][id]; // eslint-disable-next-line default-case

    switch (state) {
      case ViewState.DISABLED:
        disabled = true;
        break;

      case ViewState.HIDDEN:
        hidden = true;
    }
  }

  return /*#__PURE__*/React.createElement(React.Fragment, null, !hidden && React.cloneElement(props.children, {
    disabled
  }));
}

export default View;
export { ViewState };