incomingMsg.js

"use strict";

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var e = React.createElement;

var IncomingMsg = function (_React$Component) {
  _inherits(IncomingMsg, _React$Component);

  function IncomingMsg(props) {
    _classCallCheck(this, IncomingMsg);

    // 파일 cid 다운 받기를 누르면 읽기(필요가 있을때 복호화)
    // content(메시지) cid 바로 읽기(복호화)
    // author: 판매자 id
    // prev: cid
    var _this = _possibleConstructorReturn(this, (IncomingMsg.__proto__ || Object.getPrototypeOf(IncomingMsg)).call(this, props));

    console.log(true);
    _this.state = {
      msg: "",
      time_date: ""
    };
    return _this;
  }

  _createClass(IncomingMsg, [{
    key: "render",
    value: function render() {
      return React.createElement(
        "div",
        { className: "incoming_msg" },
        React.createElement(
          "div",
          { className: "incoming_msg_img" },
          React.createElement("img", {
            src: "https://ptetutorials.com/images/user-profile.png",
            alt: "seller"
          })
        ),
        React.createElement(
          "div",
          { className: "received_msg" },
          React.createElement(
            "div",
            { className: "received_withd_msg" },
            React.createElement(
              "p",
              null,
              "Apollo University, Delhi, India Test"
            ),
            React.createElement(
              "span",
              { className: "time_date" },
              " 11:01 AM | Today"
            )
          )
        )
      );
    }
  }]);

  return IncomingMsg;
}(React.Component);
// .incoming_msg
//   .incoming_msg_img
//     img(src='https://ptetutorials.com/images/user-profile.png' alt='sunil')
//   .received_msg
//     #incomingMsg.received_withd_msg


export default IncomingMsg;
// Find all DOM containers, and render Like buttons into them.
// domContainer = document.querySelector("#acceptApproval");
// console.log("true");
// ReactDOM.render(e(AcceptApproval), domContainer);
// ReactDOM.render(<AcceptApproval></AcceptApproval>);
// document.querySelectorAll("#incomingMsg").forEach((domContainer) => {
//   // Read the comment ID from a data-* attribute.
//   console.log(domContainer);
//   ReactDOM.render(e(IncomingMsg), domContainer);
// });