matrix-react-sdk/lib/components/views/voice_messages/Clock.js

SDK for matrix.org using React

"use strict";

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

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

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

var _replaceableComponent = require("../../../utils/replaceableComponent");

var _dec, _class;

let Clock = (
/**
 * Simply converts seconds into minutes and seconds. Note that hours will not be
 * displayed, making it possible to see "82:29".
 */
_dec = (0, _replaceableComponent.replaceableComponent)("views.voice_messages.Clock"), _dec(_class = class Clock extends _react.default.Component
/*:: <IProps, IState>*/
{
  constructor(props) {
    super(props);
  }

  shouldComponentUpdate(nextProps
  /*: Readonly<IProps>*/
  , nextState
  /*: Readonly<IState>*/
  , nextContext
  /*: any*/
  )
  /*: boolean*/
  {
    const currentFloor = Math.floor(this.props.seconds);
    const nextFloor = Math.floor(nextProps.seconds);
    return currentFloor !== nextFloor;
  }

  render() {
    const minutes = Math.floor(this.props.seconds / 60).toFixed(0).padStart(2, '0');
    const seconds = Math.floor(this.props.seconds % 60).toFixed(0).padStart(2, '0'); // hide millis

    return /*#__PURE__*/_react.default.createElement("span", {
      className: "mx_Clock"
    }, minutes, ":", seconds);
  }

}) || _class);
exports.default = Clock;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdzL3ZvaWNlX21lc3NhZ2VzL0Nsb2NrLnRzeCJdLCJuYW1lcyI6WyJDbG9jayIsIlJlYWN0IiwiQ29tcG9uZW50IiwiY29uc3RydWN0b3IiLCJwcm9wcyIsInNob3VsZENvbXBvbmVudFVwZGF0ZSIsIm5leHRQcm9wcyIsIm5leHRTdGF0ZSIsIm5leHRDb250ZXh0IiwiY3VycmVudEZsb29yIiwiTWF0aCIsImZsb29yIiwic2Vjb25kcyIsIm5leHRGbG9vciIsInJlbmRlciIsIm1pbnV0ZXMiLCJ0b0ZpeGVkIiwicGFkU3RhcnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQWdCQTs7QUFDQTs7OztJQWNxQkEsSztBQUxyQjtBQUNBO0FBQ0E7QUFDQTtPQUNDLGdEQUFxQiw0QkFBckIsQyxnQkFBRCxNQUNxQkEsS0FEckIsU0FDbUNDLGVBQU1DO0FBRHpDO0FBQ21FO0FBQ3hEQyxFQUFBQSxXQUFQLENBQW1CQyxLQUFuQixFQUEwQjtBQUN0QixVQUFNQSxLQUFOO0FBQ0g7O0FBRURDLEVBQUFBLHFCQUFxQixDQUFDQztBQUFEO0FBQUEsSUFBOEJDO0FBQTlCO0FBQUEsSUFBMkRDO0FBQTNEO0FBQUE7QUFBQTtBQUFzRjtBQUN2RyxVQUFNQyxZQUFZLEdBQUdDLElBQUksQ0FBQ0MsS0FBTCxDQUFXLEtBQUtQLEtBQUwsQ0FBV1EsT0FBdEIsQ0FBckI7QUFDQSxVQUFNQyxTQUFTLEdBQUdILElBQUksQ0FBQ0MsS0FBTCxDQUFXTCxTQUFTLENBQUNNLE9BQXJCLENBQWxCO0FBQ0EsV0FBT0gsWUFBWSxLQUFLSSxTQUF4QjtBQUNIOztBQUVNQyxFQUFBQSxNQUFQLEdBQWdCO0FBQ1osVUFBTUMsT0FBTyxHQUFHTCxJQUFJLENBQUNDLEtBQUwsQ0FBVyxLQUFLUCxLQUFMLENBQVdRLE9BQVgsR0FBcUIsRUFBaEMsRUFBb0NJLE9BQXBDLENBQTRDLENBQTVDLEVBQStDQyxRQUEvQyxDQUF3RCxDQUF4RCxFQUEyRCxHQUEzRCxDQUFoQjtBQUNBLFVBQU1MLE9BQU8sR0FBR0YsSUFBSSxDQUFDQyxLQUFMLENBQVcsS0FBS1AsS0FBTCxDQUFXUSxPQUFYLEdBQXFCLEVBQWhDLEVBQW9DSSxPQUFwQyxDQUE0QyxDQUE1QyxFQUErQ0MsUUFBL0MsQ0FBd0QsQ0FBeEQsRUFBMkQsR0FBM0QsQ0FBaEIsQ0FGWSxDQUVxRTs7QUFDakYsd0JBQU87QUFBTSxNQUFBLFNBQVMsRUFBQztBQUFoQixPQUE0QkYsT0FBNUIsT0FBc0NILE9BQXRDLENBQVA7QUFDSDs7QUFmOEQsQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG5Db3B5cmlnaHQgMjAyMSBUaGUgTWF0cml4Lm9yZyBGb3VuZGF0aW9uIEMuSS5DLlxuXG5MaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xueW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG5cbiAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcblxuVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG5TZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG5saW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7cmVwbGFjZWFibGVDb21wb25lbnR9IGZyb20gXCIuLi8uLi8uLi91dGlscy9yZXBsYWNlYWJsZUNvbXBvbmVudFwiO1xuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgICBzZWNvbmRzOiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBJU3RhdGUge1xufVxuXG4vKipcbiAqIFNpbXBseSBjb252ZXJ0cyBzZWNvbmRzIGludG8gbWludXRlcyBhbmQgc2Vjb25kcy4gTm90ZSB0aGF0IGhvdXJzIHdpbGwgbm90IGJlXG4gKiBkaXNwbGF5ZWQsIG1ha2luZyBpdCBwb3NzaWJsZSB0byBzZWUgXCI4MjoyOVwiLlxuICovXG5AcmVwbGFjZWFibGVDb21wb25lbnQoXCJ2aWV3cy52b2ljZV9tZXNzYWdlcy5DbG9ja1wiKVxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgQ2xvY2sgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8SVByb3BzLCBJU3RhdGU+IHtcbiAgICBwdWJsaWMgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICAgICAgc3VwZXIocHJvcHMpO1xuICAgIH1cblxuICAgIHNob3VsZENvbXBvbmVudFVwZGF0ZShuZXh0UHJvcHM6IFJlYWRvbmx5PElQcm9wcz4sIG5leHRTdGF0ZTogUmVhZG9ubHk8SVN0YXRlPiwgbmV4dENvbnRleHQ6IGFueSk6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCBjdXJyZW50Rmxvb3IgPSBNYXRoLmZsb29yKHRoaXMucHJvcHMuc2Vjb25kcyk7XG4gICAgICAgIGNvbnN0IG5leHRGbG9vciA9IE1hdGguZmxvb3IobmV4dFByb3BzLnNlY29uZHMpO1xuICAgICAgICByZXR1cm4gY3VycmVudEZsb29yICE9PSBuZXh0Rmxvb3I7XG4gICAgfVxuXG4gICAgcHVibGljIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgbWludXRlcyA9IE1hdGguZmxvb3IodGhpcy5wcm9wcy5zZWNvbmRzIC8gNjApLnRvRml4ZWQoMCkucGFkU3RhcnQoMiwgJzAnKTtcbiAgICAgICAgY29uc3Qgc2Vjb25kcyA9IE1hdGguZmxvb3IodGhpcy5wcm9wcy5zZWNvbmRzICUgNjApLnRvRml4ZWQoMCkucGFkU3RhcnQoMiwgJzAnKTsgLy8gaGlkZSBtaWxsaXNcbiAgICAgICAgcmV0dXJuIDxzcGFuIGNsYXNzTmFtZT0nbXhfQ2xvY2snPnttaW51dGVzfTp7c2Vjb25kc308L3NwYW4+O1xuICAgIH1cbn1cbiJdfQ==