web-sdk-im/dist/components/ScheduleMeetingOneHead.js

React js components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

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

var _reactRouterDom = require("react-router-dom");

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

var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));

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

var _NavigateBefore = _interopRequireDefault(require("@material-ui/icons/NavigateBefore"));

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

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    root: {
      width: '100%',
      //maxWidth: 360,
      backgroundColor: theme.palette.background.paper
    },
    header: {
      boxShadow: '0 1px 2px 0 rgba(0, 0, 0, .10)',
      backgroundColor: '#ffffff',
      width: '100%',
      display: 'flex',
      alignItems: 'center'
    },
    saveBtn: {
      textTransform: 'capitalize',
      color: '#33C176',
      fontSize: '0.75rem'
    }
  };
});

var ScheduleMeetingOneHead = function ScheduleMeetingOneHead() {
  var styles = useStyles();
  var history = (0, _reactRouterDom.useHistory)();

  var clickToGoBack = function clickToGoBack() {
    return history.goBack();
  };

  var clickToSave = function clickToSave() {
    history.push('/video');
  };

  var buttons = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
    className: styles.saveBtn,
    onClick: clickToSave
  }, "Save"));

  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.Box, {
    component: "div",
    className: styles.header
  }, /*#__PURE__*/_react["default"].createElement(_core.Box, {
    component: "span"
  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
    "aria-label": "delete",
    onClick: clickToGoBack
  }, /*#__PURE__*/_react["default"].createElement(_NavigateBefore["default"], {
    color: "disabled"
  }))), /*#__PURE__*/_react["default"].createElement(_core.Box, {
    component: "span",
    style: {
      width: "calc(100% - 100px)",
      display: "flex",
      justifyContent: "center",
      alignItems: "center"
    }
  }, /*#__PURE__*/_react["default"].createElement(_core.Typography, {
    variant: "h6",
    align: "center"
  }, "Schedule Meeting One")), /*#__PURE__*/_react["default"].createElement(_core.Box, {
    component: "span"
  }, buttons)));
};

var _default = ScheduleMeetingOneHead;
exports["default"] = _default;