1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
4 |
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports.default = exports.RefreshButtonCmp = void 0;
|
9 |
|
10 | var _react = _interopRequireDefault(require("react"));
|
11 |
|
12 | var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
|
13 |
|
14 | var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
|
15 |
|
16 | var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
|
17 |
|
18 | var _Refresh = _interopRequireDefault(require("@material-ui/icons/Refresh"));
|
19 |
|
20 | var _withStateHandlers = _interopRequireDefault(require("recompose/withStateHandlers"));
|
21 |
|
22 | var _propTypes = _interopRequireDefault(require("prop-types"));
|
23 |
|
24 |
|
25 | var RefreshButtonJSX = function RefreshButtonJSX(_ref) {
|
26 | var css = _ref.classes,
|
27 | isRefreshing = _ref.isRefreshing,
|
28 | refresh = _ref.refresh,
|
29 | alwaysShow = _ref.alwaysShow;
|
30 | return isRefreshing ? _react.default.createElement(_CircularProgress.default, {
|
31 | className: css.refreshProgress,
|
32 | color: "inherit",
|
33 | size: 20,
|
34 | thickness: 6
|
35 | }) : _react.default.createElement(_IconButton.default, {
|
36 | color: "inherit",
|
37 | onClick: refresh,
|
38 | className: alwaysShow ? undefined : css.onlyInStandalone
|
39 | }, _react.default.createElement(_Refresh.default, {
|
40 | className: css.refreshIcon
|
41 | }));
|
42 | };
|
43 |
|
44 | RefreshButtonJSX.propTypes = {
|
45 | classes: _propTypes.default.object.isRequired,
|
46 | isRefreshing: _propTypes.default.bool,
|
47 | refresh: _propTypes.default.func,
|
48 | alwaysShow: _propTypes.default.bool
|
49 | };
|
50 | var RefreshButtonCmp = (0, _withStyles.default)({
|
51 | refreshIcon: {
|
52 | fontSize: 30
|
53 | },
|
54 | refreshProgress: {
|
55 | margin: 17
|
56 | },
|
57 | onlyInStandalone: {
|
58 | display: 'none',
|
59 | '@media all and (display-mode: standalone)': {
|
60 | display: 'block'
|
61 | }
|
62 | }
|
63 | })(RefreshButtonJSX);
|
64 | exports.RefreshButtonCmp = RefreshButtonCmp;
|
65 | var RefreshButton = (0, _withStateHandlers.default)({
|
66 | isRefreshing: false
|
67 | }, {
|
68 | refresh: function refresh() {
|
69 | return function () {
|
70 | return window.location.reload(true) || {
|
71 | isRefreshing: true
|
72 | };
|
73 | };
|
74 | }
|
75 | })(RefreshButtonCmp);
|
76 | var _default = RefreshButton;
|
77 | exports.default = _default; |
\ | No newline at end of file |