25 lines
617 B
JavaScript
25 lines
617 B
JavaScript
|
import React from "react";
|
||
|
|
|
||
|
|
import { Avatar, CardHeader } from "@material-ui/core";
|
||
|
|
|
||
|
|
import { i18n } from "../../translate/i18n";
|
||
|
|
|
||
|
|
const TicketInfo = ({ contact, ticket, onClick }) => {
|
||
|
|
return (
|
||
|
|
<CardHeader
|
||
|
|
onClick={onClick}
|
||
|
|
style={{ cursor: "pointer" }}
|
||
|
|
titleTypographyProps={{ noWrap: true }}
|
||
|
|
subheaderTypographyProps={{ noWrap: true }}
|
||
|
|
avatar={<Avatar src={contact.profilePicUrl} alt="contact_image" />}
|
||
|
|
title={`${contact.name} #${ticket.id}`}
|
||
|
|
subheader={
|
||
|
|
ticket.user &&
|
||
|
|
`${i18n.t("messagesList.header.assignedTo")} ${ticket.user.name}`
|
||
|
|
}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default TicketInfo;
|