sharyn/components/RefreshButton.js

"use strict";

var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");

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

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

var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));

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

var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));

var _Refresh = _interopRequireDefault(require("@material-ui/icons/Refresh"));

var _withStateHandlers = _interopRequireDefault(require("recompose/withStateHandlers"));

var _propTypes = _interopRequireDefault(require("prop-types"));

/* eslint-disable import/no-extraneous-dependencies */
var RefreshButtonJSX = function RefreshButtonJSX(_ref) {
  var css = _ref.classes,
      isRefreshing = _ref.isRefreshing,
      refresh = _ref.refresh,
      alwaysShow = _ref.alwaysShow;
  return isRefreshing ? _react.default.createElement(_CircularProgress.default, {
    className: css.refreshProgress,
    color: "inherit",
    size: 20,
    thickness: 6
  }) : _react.default.createElement(_IconButton.default, {
    color: "inherit",
    onClick: refresh,
    className: alwaysShow ? undefined : css.onlyInStandalone
  }, _react.default.createElement(_Refresh.default, {
    className: css.refreshIcon
  }));
};

RefreshButtonJSX.propTypes = {
  classes: _propTypes.default.object.isRequired,
  isRefreshing: _propTypes.default.bool,
  refresh: _propTypes.default.func,
  alwaysShow: _propTypes.default.bool
};
var RefreshButtonCmp = (0, _withStyles.default)({
  refreshIcon: {
    fontSize: 30
  },
  refreshProgress: {
    margin: 17
  },
  onlyInStandalone: {
    display: 'none',
    '@media all and (display-mode: standalone)': {
      display: 'block'
    }
  }
})(RefreshButtonJSX);
exports.RefreshButtonCmp = RefreshButtonCmp;
var RefreshButton = (0, _withStateHandlers.default)({
  isRefreshing: false
}, {
  refresh: function refresh() {
    return function () {
      return window.location.reload(true) || {
        isRefreshing: true
      };
    };
  }
})(RefreshButtonCmp);
var _default = RefreshButton;
exports.default = _default;