alm-search-01/dist/components/Header/Drawer.js

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = MenuDrawer;

var _react = _interopRequireDefault(require("react"));

var _styles = require("@material-ui/core/styles");

var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));

var _List = _interopRequireDefault(require("@material-ui/core/List"));

var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));

var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));

var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));

var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));

var _AccountCircle = _interopRequireDefault(require("@material-ui/icons/AccountCircle"));

var _ConfirmationNumber = _interopRequireDefault(require("@material-ui/icons/ConfirmationNumber"));

var _Flight = _interopRequireDefault(require("@material-ui/icons/Flight"));

var _Hotel = _interopRequireDefault(require("@material-ui/icons/Hotel"));

var _LocalOffer = _interopRequireDefault(require("@material-ui/icons/LocalOffer"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var useStyles = (0, _styles.makeStyles)({
  list: {
    width: 300
  },
  fullList: {
    width: 'auto'
  }
});

function MenuDrawer(props) {
  var classes = useStyles();
  var isOpen = props.isOpen,
      toggleDrawer = props.toggleDrawer,
      lang = props.lang,
      menuOptions = props.menuOptions,
      menuClickHandler = props.menuClickHandler;

  var getIcon = function getIcon(icon) {
    if (icon === 'profile') {
      return _react.default.createElement(_AccountCircle.default, null);
    } else if (icon === 'bookings') {
      return _react.default.createElement(_ConfirmationNumber.default, null);
    } else if (icon === 'flights') {
      return _react.default.createElement(_Flight.default, null);
    } else if (icon === 'hotels') {
      return _react.default.createElement(_Hotel.default, null);
    } else if (icon === 'offers') {
      return _react.default.createElement(_LocalOffer.default, null);
    }
  };

  var langText = lang === 'ar' ? _react.default.createElement("div", null, "English") : _react.default.createElement("div", null, "\u0639\u0631\u0628\u064A");
  var c = 0;
  return _react.default.createElement(_Drawer.default, {
    open: isOpen,
    onClose: toggleDrawer,
    anchor: lang === 'ar' ? 'right' : 'left'
  }, _react.default.createElement("div", {
    className: classes.list,
    role: "presentation",
    onClick: toggleDrawer,
    onKeyDown: toggleDrawer
  }, _react.default.createElement(_List.default, {
    style: lang === 'ar' ? {
      direction: 'rtl'
    } : {}
  }, menuOptions.map(function (option) {
    if (option.key === 'divider') {
      return _react.default.createElement(_Divider.default, {
        key: "".concat(option.key).concat(c++)
      });
    } else {
      return _react.default.createElement(_ListItem.default, {
        onClick: function onClick(event) {
          return menuClickHandler(event, option.key);
        },
        key: option.key,
        style: lang === 'ar' ? {
          textAlign: 'right'
        } : {}
      }, option && option.icon ? _react.default.createElement(_ListItemIcon.default, null, getIcon(option.icon)) : '', _react.default.createElement(_ListItemText.default, {
        primary: option && option.title
      }), option.key === 'switcher' ? langText : '');
    }
  }))));
}