poi-plugin-lock-reminder/views/kanmusu.js

A poi plugin for reminding to lock new kanmusu.

"use strict";

exports.__esModule = true;
exports.default = void 0;

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

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

var _lodash = require("lodash");

var _avatar = require("views/components/etc/avatar");

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _core = require("@blueprintjs/core");

var _utils = require("../utils");

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

const KanmusuWrapper = _styledComponents.default.div.withConfig({
  displayName: "kanmusu__KanmusuWrapper",
  componentId: "sc-xgsfz4-0"
})(["width:115px;height:20px;display:flex;align-items:center;justify-content:space-between;margin:5px;label{margin:0 !important;}"]);

const Name = _styledComponents.default.span.withConfig({
  displayName: "kanmusu__Name",
  componentId: "sc-xgsfz4-1"
})(["max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);

const Kanmusu = ({
  id,
  name,
  checked
}) => {
  const handleChange = () => {
    const rst = [...config.get(_utils.CONFIG_PATH, [])];

    if ((0, _lodash.includes)(rst, id)) {
      (0, _lodash.pull)(rst, id);
    } else {
      rst.push(id);
    }

    config.set(_utils.CONFIG_PATH, rst);
  };

  return /*#__PURE__*/_react.default.createElement(KanmusuWrapper, null, /*#__PURE__*/_react.default.createElement(_avatar.Avatar, {
    mstId: id,
    height: 20
  }), /*#__PURE__*/_react.default.createElement(Name, null, name), /*#__PURE__*/_react.default.createElement(_core.Checkbox, {
    checked: checked,
    onChange: handleChange
  }));
};

Kanmusu.propTypes = {
  id: _propTypes.default.number,
  name: _propTypes.default.string,
  checked: _propTypes.default.bool
};
var _default = Kanmusu;
exports.default = _default;
module.exports = exports.default;