diff --git a/client/src/app-components/ticket-event.js b/client/src/app-components/ticket-event.js index 4d8a0ef4..94ce88aa 100644 --- a/client/src/app-components/ticket-event.js +++ b/client/src/app-components/ticket-event.js @@ -1,5 +1,6 @@ import React from 'react'; import classNames from 'classnames'; +import {connect} from 'react-redux'; import i18n from 'lib-app/i18n'; import API from 'lib-app/api-call'; @@ -12,6 +13,8 @@ import SubmitButton from 'core-components/submit-button'; import Form from 'core-components/form'; import FormField from 'core-components/form-field'; +const VIEW_USER_PATH = "/admin/panel/users/view-user/"; +const VIEW_STAFF_PATH = "/admin/panel/staff/view-staff/"; class TicketEvent extends React.Component { static propTypes = { type: React.PropTypes.oneOf([ @@ -89,27 +92,55 @@ class TicketEvent extends React.Component { } renderComment() { - const author = this.props.author; + const { + author, + date, + edit, + file + } = this.props; const customFields = (author && author.customfields) || []; return (
- {this.props.author.name} + {this.renderCommentAuthor()} - {i18n((this.props.author.staff) ? 'STAFF' : 'CUSTOMER')} + {i18n((author.staff) ? 'STAFF' : 'CUSTOMER')} {customFields.map(this.renderCustomFieldValue.bind(this))} {(this.props.private*1) ? this.renderPrivateBadge() : null}
-
{DateTransformer.transformToString(this.props.date)}
- {!this.props.edit ? this.renderContent() : this.renderEditField()} - {this.renderFooter(this.props.file)} +
{DateTransformer.transformToString(date)}
+ {!edit ? this.renderContent() : this.renderEditField()} + {this.renderFooter(file)}
); } + renderCommentAuthor() { + const { + author, + level + } = this.props; + const commentAutorClass = "ticket-event__comment-author-name"; + let commentAuthor; + + if(level === "3") { + commentAuthor = ( + + {author.name} + + ); + } else if(level && !author.staff) { + commentAuthor = {author.name}; + } else { + commentAuthor = {author.name}; + } + + return commentAuthor; + } + renderContent() { return (
@@ -306,4 +337,7 @@ class TicketEvent extends React.Component { } } -export default TicketEvent; +export default connect((store) => { + return { level: store.session.userLevel }; +})(TicketEvent); +