matrix-react-sdk/lib/components/views/settings/ImageSizePanel.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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _SettingsStore = _interopRequireDefault(require("../../../settings/SettingsStore"));
var _StyledRadioButton = _interopRequireDefault(require("../elements/StyledRadioButton"));
var _languageHandler = require("../../../languageHandler");
var _SettingLevel = require("../../../settings/SettingLevel");
var _ImageSize = require("../../../settings/enums/ImageSize");
var _SettingsSubsection = _interopRequireDefault(require("./shared/SettingsSubsection"));
/*
Copyright 2024 New Vector Ltd.
Copyright 2021 The Matrix.org Foundation C.I.C.

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/

class ImageSizePanel extends _react.default.Component {
  constructor(props) {
    super(props);
    (0, _defineProperty2.default)(this, "onSizeChange", ev => {
      const newSize = ev.target.value;
      this.setState({
        size: newSize
      });

      // noinspection JSIgnoredPromiseFromCall
      _SettingsStore.default.setValue("Images.size", null, _SettingLevel.SettingLevel.ACCOUNT, newSize);
    });
    this.state = {
      size: _SettingsStore.default.getValue("Images.size")
    };
  }
  render() {
    return /*#__PURE__*/_react.default.createElement(_SettingsSubsection.default, {
      heading: (0, _languageHandler._t)("settings|appearance|timeline_image_size")
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "mx_ImageSizePanel_radios"
    }, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("div", {
      className: "mx_ImageSizePanel_size mx_ImageSizePanel_sizeDefault"
    }), /*#__PURE__*/_react.default.createElement(_StyledRadioButton.default, {
      name: "image_size",
      value: _ImageSize.ImageSize.Normal,
      checked: this.state.size === _ImageSize.ImageSize.Normal,
      onChange: this.onSizeChange
    }, (0, _languageHandler._t)("settings|appearance|image_size_default"))), /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("div", {
      className: "mx_ImageSizePanel_size mx_ImageSizePanel_sizeLarge"
    }), /*#__PURE__*/_react.default.createElement(_StyledRadioButton.default, {
      name: "image_size",
      value: _ImageSize.ImageSize.Large,
      checked: this.state.size === _ImageSize.ImageSize.Large,
      onChange: this.onSizeChange
    }, (0, _languageHandler._t)("settings|appearance|image_size_large")))));
  }
}
exports.default = ImageSizePanel;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9TZXR0aW5nc1N0b3JlIiwiX1N0eWxlZFJhZGlvQnV0dG9uIiwiX2xhbmd1YWdlSGFuZGxlciIsIl9TZXR0aW5nTGV2ZWwiLCJfSW1hZ2VTaXplIiwiX1NldHRpbmdzU3Vic2VjdGlvbiIsIkltYWdlU2l6ZVBhbmVsIiwiUmVhY3QiLCJDb21wb25lbnQiLCJjb25zdHJ1Y3RvciIsInByb3BzIiwiX2RlZmluZVByb3BlcnR5MiIsImRlZmF1bHQiLCJldiIsIm5ld1NpemUiLCJ0YXJnZXQiLCJ2YWx1ZSIsInNldFN0YXRlIiwic2l6ZSIsIlNldHRpbmdzU3RvcmUiLCJzZXRWYWx1ZSIsIlNldHRpbmdMZXZlbCIsIkFDQ09VTlQiLCJzdGF0ZSIsImdldFZhbHVlIiwicmVuZGVyIiwiY3JlYXRlRWxlbWVudCIsImhlYWRpbmciLCJfdCIsImNsYXNzTmFtZSIsIm5hbWUiLCJJbWFnZVNpemUiLCJOb3JtYWwiLCJjaGVja2VkIiwib25DaGFuZ2UiLCJvblNpemVDaGFuZ2UiLCJMYXJnZSIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3cy9zZXR0aW5ncy9JbWFnZVNpemVQYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLypcbkNvcHlyaWdodCAyMDI0IE5ldyBWZWN0b3IgTHRkLlxuQ29weXJpZ2h0IDIwMjEgVGhlIE1hdHJpeC5vcmcgRm91bmRhdGlvbiBDLkkuQy5cblxuU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHkgT1IgR1BMLTMuMC1vbmx5XG5QbGVhc2Ugc2VlIExJQ0VOU0UgZmlsZXMgaW4gdGhlIHJlcG9zaXRvcnkgcm9vdCBmb3IgZnVsbCBkZXRhaWxzLlxuKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgU2V0dGluZ3NTdG9yZSBmcm9tIFwiLi4vLi4vLi4vc2V0dGluZ3MvU2V0dGluZ3NTdG9yZVwiO1xuaW1wb3J0IFN0eWxlZFJhZGlvQnV0dG9uIGZyb20gXCIuLi9lbGVtZW50cy9TdHlsZWRSYWRpb0J1dHRvblwiO1xuaW1wb3J0IHsgX3QgfSBmcm9tIFwiLi4vLi4vLi4vbGFuZ3VhZ2VIYW5kbGVyXCI7XG5pbXBvcnQgeyBTZXR0aW5nTGV2ZWwgfSBmcm9tIFwiLi4vLi4vLi4vc2V0dGluZ3MvU2V0dGluZ0xldmVsXCI7XG5pbXBvcnQgeyBJbWFnZVNpemUgfSBmcm9tIFwiLi4vLi4vLi4vc2V0dGluZ3MvZW51bXMvSW1hZ2VTaXplXCI7XG5pbXBvcnQgU2V0dGluZ3NTdWJzZWN0aW9uIGZyb20gXCIuL3NoYXJlZC9TZXR0aW5nc1N1YnNlY3Rpb25cIjtcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gICAgLy8gbm9uZVxufVxuXG5pbnRlcmZhY2UgSVN0YXRlIHtcbiAgICBzaXplOiBJbWFnZVNpemU7XG59XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEltYWdlU2l6ZVBhbmVsIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50PElQcm9wcywgSVN0YXRlPiB7XG4gICAgcHVibGljIGNvbnN0cnVjdG9yKHByb3BzOiBJUHJvcHMpIHtcbiAgICAgICAgc3VwZXIocHJvcHMpO1xuXG4gICAgICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICAgICAgICBzaXplOiBTZXR0aW5nc1N0b3JlLmdldFZhbHVlKFwiSW1hZ2VzLnNpemVcIiksXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBvblNpemVDaGFuZ2UgPSAoZXY6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KTogdm9pZCA9PiB7XG4gICAgICAgIGNvbnN0IG5ld1NpemUgPSBldi50YXJnZXQudmFsdWUgYXMgSW1hZ2VTaXplO1xuICAgICAgICB0aGlzLnNldFN0YXRlKHsgc2l6ZTogbmV3U2l6ZSB9KTtcblxuICAgICAgICAvLyBub2luc3BlY3Rpb24gSlNJZ25vcmVkUHJvbWlzZUZyb21DYWxsXG4gICAgICAgIFNldHRpbmdzU3RvcmUuc2V0VmFsdWUoXCJJbWFnZXMuc2l6ZVwiLCBudWxsLCBTZXR0aW5nTGV2ZWwuQUNDT1VOVCwgbmV3U2l6ZSk7XG4gICAgfTtcblxuICAgIHB1YmxpYyByZW5kZXIoKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxTZXR0aW5nc1N1YnNlY3Rpb24gaGVhZGluZz17X3QoXCJzZXR0aW5nc3xhcHBlYXJhbmNlfHRpbWVsaW5lX2ltYWdlX3NpemVcIil9PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfSW1hZ2VTaXplUGFuZWxfcmFkaW9zXCI+XG4gICAgICAgICAgICAgICAgICAgIDxsYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfSW1hZ2VTaXplUGFuZWxfc2l6ZSBteF9JbWFnZVNpemVQYW5lbF9zaXplRGVmYXVsdFwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkUmFkaW9CdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYW1lPVwiaW1hZ2Vfc2l6ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e0ltYWdlU2l6ZS5Ob3JtYWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2hlY2tlZD17dGhpcy5zdGF0ZS5zaXplID09PSBJbWFnZVNpemUuTm9ybWFsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLm9uU2l6ZUNoYW5nZX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7X3QoXCJzZXR0aW5nc3xhcHBlYXJhbmNlfGltYWdlX3NpemVfZGVmYXVsdFwiKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkUmFkaW9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgICAgICAgIDxsYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfSW1hZ2VTaXplUGFuZWxfc2l6ZSBteF9JbWFnZVNpemVQYW5lbF9zaXplTGFyZ2VcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFN0eWxlZFJhZGlvQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cImltYWdlX3NpemVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXtJbWFnZVNpemUuTGFyZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2hlY2tlZD17dGhpcy5zdGF0ZS5zaXplID09PSBJbWFnZVNpemUuTGFyZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMub25TaXplQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtfdChcInNldHRpbmdzfGFwcGVhcmFuY2V8aW1hZ2Vfc2l6ZV9sYXJnZVwiKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkUmFkaW9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L1NldHRpbmdzU3Vic2VjdGlvbj5cbiAgICAgICAgKTtcbiAgICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBUUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBRUEsSUFBQUMsY0FBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUUsa0JBQUEsR0FBQUgsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFHLGdCQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxhQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxVQUFBLEdBQUFMLE9BQUE7QUFDQSxJQUFBTSxtQkFBQSxHQUFBUCxzQkFBQSxDQUFBQyxPQUFBO0FBZkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBbUJlLE1BQU1PLGNBQWMsU0FBU0MsY0FBSyxDQUFDQyxTQUFTLENBQWlCO0VBQ2pFQyxXQUFXQSxDQUFDQyxLQUFhLEVBQUU7SUFDOUIsS0FBSyxDQUFDQSxLQUFLLENBQUM7SUFBQyxJQUFBQyxnQkFBQSxDQUFBQyxPQUFBLHdCQU9PQyxFQUF1QyxJQUFXO01BQ3RFLE1BQU1DLE9BQU8sR0FBR0QsRUFBRSxDQUFDRSxNQUFNLENBQUNDLEtBQWtCO01BQzVDLElBQUksQ0FBQ0MsUUFBUSxDQUFDO1FBQUVDLElBQUksRUFBRUo7TUFBUSxDQUFDLENBQUM7O01BRWhDO01BQ0FLLHNCQUFhLENBQUNDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsSUFBSSxFQUFFQywwQkFBWSxDQUFDQyxPQUFPLEVBQUVSLE9BQU8sQ0FBQztJQUM5RSxDQUFDO0lBWEcsSUFBSSxDQUFDUyxLQUFLLEdBQUc7TUFDVEwsSUFBSSxFQUFFQyxzQkFBYSxDQUFDSyxRQUFRLENBQUMsYUFBYTtJQUM5QyxDQUFDO0VBQ0w7RUFVT0MsTUFBTUEsQ0FBQSxFQUFvQjtJQUM3QixvQkFDSTVCLE1BQUEsQ0FBQWUsT0FBQSxDQUFBYyxhQUFBLENBQUNyQixtQkFBQSxDQUFBTyxPQUFrQjtNQUFDZSxPQUFPLEVBQUUsSUFBQUMsbUJBQUUsRUFBQyx5Q0FBeUM7SUFBRSxnQkFDdkUvQixNQUFBLENBQUFlLE9BQUEsQ0FBQWMsYUFBQTtNQUFLRyxTQUFTLEVBQUM7SUFBMEIsZ0JBQ3JDaEMsTUFBQSxDQUFBZSxPQUFBLENBQUFjLGFBQUEsNkJBQ0k3QixNQUFBLENBQUFlLE9BQUEsQ0FBQWMsYUFBQTtNQUFLRyxTQUFTLEVBQUM7SUFBc0QsQ0FBRSxDQUFDLGVBQ3hFaEMsTUFBQSxDQUFBZSxPQUFBLENBQUFjLGFBQUEsQ0FBQ3pCLGtCQUFBLENBQUFXLE9BQWlCO01BQ2RrQixJQUFJLEVBQUMsWUFBWTtNQUNqQmQsS0FBSyxFQUFFZSxvQkFBUyxDQUFDQyxNQUFPO01BQ3hCQyxPQUFPLEVBQUUsSUFBSSxDQUFDVixLQUFLLENBQUNMLElBQUksS0FBS2Esb0JBQVMsQ0FBQ0MsTUFBTztNQUM5Q0UsUUFBUSxFQUFFLElBQUksQ0FBQ0M7SUFBYSxHQUUzQixJQUFBUCxtQkFBRSxFQUFDLHdDQUF3QyxDQUM3QixDQUNoQixDQUFDLGVBQ1IvQixNQUFBLENBQUFlLE9BQUEsQ0FBQWMsYUFBQSw2QkFDSTdCLE1BQUEsQ0FBQWUsT0FBQSxDQUFBYyxhQUFBO01BQUtHLFNBQVMsRUFBQztJQUFvRCxDQUFFLENBQUMsZUFDdEVoQyxNQUFBLENBQUFlLE9BQUEsQ0FBQWMsYUFBQSxDQUFDekIsa0JBQUEsQ0FBQVcsT0FBaUI7TUFDZGtCLElBQUksRUFBQyxZQUFZO01BQ2pCZCxLQUFLLEVBQUVlLG9CQUFTLENBQUNLLEtBQU07TUFDdkJILE9BQU8sRUFBRSxJQUFJLENBQUNWLEtBQUssQ0FBQ0wsSUFBSSxLQUFLYSxvQkFBUyxDQUFDSyxLQUFNO01BQzdDRixRQUFRLEVBQUUsSUFBSSxDQUFDQztJQUFhLEdBRTNCLElBQUFQLG1CQUFFLEVBQUMsc0NBQXNDLENBQzNCLENBQ2hCLENBQ04sQ0FDVyxDQUFDO0VBRTdCO0FBQ0o7QUFBQ1MsT0FBQSxDQUFBekIsT0FBQSxHQUFBTixjQUFBIiwiaWdub3JlTGlzdCI6W119