@risecx/carespace-chat-ui/es/components/Messages/VideoList/VideoList.js

carespace-chat-ui React component

function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }

import React, { Component } from "react";
import ReactPlayer from "react-player";

var VideoList = /*#__PURE__*/function (_Component) {
  _inheritsLoose(VideoList, _Component);

  function VideoList() {
    return _Component.apply(this, arguments) || this;
  }

  var _proto = VideoList.prototype;

  _proto.render = function render() {
    var url = props.data.url;
    return /*#__PURE__*/React.createElement("div", {
      className: "card sc-message--video-lis"
    }, /*#__PURE__*/React.createElement("div", {
      className: "container"
    }, /*#__PURE__*/React.createElement(ReactPlayer, {
      url: url,
      playing: true,
      controls: true,
      width: "100%",
      height: "100%"
    })), /*#__PURE__*/React.createElement("div", {
      className: "list-container"
    }, /*#__PURE__*/React.createElement("ul", null, elements.map(function (video, index) {
      return /*#__PURE__*/React.createElement("li", {
        key: index
      }, /*#__PURE__*/React.createElement("img", {
        src: video.image_url
      }), /*#__PURE__*/React.createElement("div", {
        className: "list-content"
      }, /*#__PURE__*/React.createElement("h5", null, video.title), /*#__PURE__*/React.createElement("p", null, video.subtitle), /*#__PURE__*/React.createElement(Button, {
        title: "Play",
        onClick: ""
      })));
    })), button && /*#__PURE__*/React.createElement("div", {
      className: "buttons"
    }, /*#__PURE__*/React.createElement(Button, button))));
  };

  return VideoList;
}(Component);

export default VideoList;