@plusscommunities/pluss-core-web 1.4.33 → 1.4.34

package/dist/index.cjs.js

@@ -4151,6 +4151,26 @@ var Comment = /*#__PURE__*/function (_Component) {
   }
 
   _createClass__default['default'](Comment, [{
+    key: "renderImage",
+    value: function renderImage(image) {
+      if (___default['default'].isEmpty(image)) {
+        return null;
+      }
+
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "imageGrid"
+      }, /*#__PURE__*/React__default['default'].createElement("a", {
+        href: image,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "imageGrid_image",
+        style: {
+          backgroundImage: "url('".concat(get1400(image), "')")
+        }
+      })));
+    }
+  }, {
     key: "renderComment",
     value: function renderComment() {
       var comment = this.props.comment;
@@ -4159,7 +4179,7 @@ var Comment = /*#__PURE__*/function (_Component) {
         className: "comment"
       }, /*#__PURE__*/React__default['default'].createElement("p", {
         className: "comment_text"
-      }, toParagraphed(comment.Comment)), /*#__PURE__*/React__default['default'].createElement("div", {
+      }, toParagraphed(comment.Comment)), this.renderImage(comment.Image), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "comment_bottom"
       }, /*#__PURE__*/React__default['default'].createElement(ProfilePic, {
         className: "comment_profilePic",

package/dist/index.esm.js

@@ -4121,6 +4121,26 @@ var Comment = /*#__PURE__*/function (_Component) {
   }
 
   _createClass(Comment, [{
+    key: "renderImage",
+    value: function renderImage(image) {
+      if (_.isEmpty(image)) {
+        return null;
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: "imageGrid"
+      }, /*#__PURE__*/React.createElement("a", {
+        href: image,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "imageGrid_image",
+        style: {
+          backgroundImage: "url('".concat(get1400(image), "')")
+        }
+      })));
+    }
+  }, {
     key: "renderComment",
     value: function renderComment() {
       var comment = this.props.comment;
@@ -4129,7 +4149,7 @@ var Comment = /*#__PURE__*/function (_Component) {
         className: "comment"
       }, /*#__PURE__*/React.createElement("p", {
         className: "comment_text"
-      }, toParagraphed(comment.Comment)), /*#__PURE__*/React.createElement("div", {
+      }, toParagraphed(comment.Comment)), this.renderImage(comment.Image), /*#__PURE__*/React.createElement("div", {
         className: "comment_bottom"
       }, /*#__PURE__*/React.createElement(ProfilePic, {
         className: "comment_profilePic",

package/dist/index.umd.js

@@ -4119,6 +4119,26 @@
     }
 
     _createClass__default['default'](Comment, [{
+      key: "renderImage",
+      value: function renderImage(image) {
+        if (___default['default'].isEmpty(image)) {
+          return null;
+        }
+
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "imageGrid"
+        }, /*#__PURE__*/React__default['default'].createElement("a", {
+          href: image,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "imageGrid_image",
+          style: {
+            backgroundImage: "url('".concat(get1400(image), "')")
+          }
+        })));
+      }
+    }, {
       key: "renderComment",
       value: function renderComment() {
         var comment = this.props.comment;
@@ -4127,7 +4147,7 @@
           className: "comment"
         }, /*#__PURE__*/React__default['default'].createElement("p", {
           className: "comment_text"
-        }, toParagraphed(comment.Comment)), /*#__PURE__*/React__default['default'].createElement("div", {
+        }, toParagraphed(comment.Comment)), this.renderImage(comment.Image), /*#__PURE__*/React__default['default'].createElement("div", {
           className: "comment_bottom"
         }, /*#__PURE__*/React__default['default'].createElement(ProfilePic, {
           className: "comment_profilePic",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-core-web",
-  "version": "1.4.33",
+  "version": "1.4.34",
   "description": "Core extension package for Pluss Communities platform",
   "main": "dist/index.cjs.js",
   "scripts": {

package/src/components/Comment.js

@@ -1,14 +1,29 @@
 import React, { Component } from 'react';
 import moment from 'moment';
-import { toParagraphed } from '../helper';
+import { get1400, toParagraphed } from '../helper';
 import { ProfilePic } from './ProfilePic';
+import _ from 'lodash';
 
 class Comment extends Component {
+  renderImage(image) {
+    if (_.isEmpty(image)) {
+      return null;
+    }
+    return (
+      <div className="imageGrid">
+        <a href={image} target="_blank" rel="noopener noreferrer">
+          <div className="imageGrid_image" style={{ backgroundImage: `url('${get1400(image)}')` }}></div>
+        </a>
+      </div>
+    );
+  }
+
   renderComment() {
     const { comment } = this.props;
     return (
       <div key={comment.Id} className="comment">
         <p className="comment_text">{toParagraphed(comment.Comment)}</p>
+        {this.renderImage(comment.Image)}
         <div className="comment_bottom">
           <ProfilePic className="comment_profilePic" size={25} image={comment.User.profilePic} />
           <p className="comment_name">{comment.User.displayName}</p>