@extrawest/firebase-chat-list-component
Version:
React Firebase Chat List Component
38 lines (37 loc) • 1.15 kB
JavaScript
import React from "react";
import { ListItemText, makeStyles, Box } from "@material-ui/core";
import dayjs from "dayjs";
import clsx from "clsx";
const useStyles = makeStyles(() => ({
message: {
width: "auto",
padding: 16,
position: "relative",
maxWidth: "80%",
},
messageInfo: {
marginTop: 5,
},
statusText: {
marginTop: 5
},
status: {
display: "flex",
alignItems: "center",
"& p": {
marginRight: 5,
lineHeight: "24px",
fontSize: 12
}
}
}));
const ChatBoxMessage = ({ message, }) => {
const classes = useStyles();
const time = dayjs(dayjs.unix(message.timestamp)).format("HH:mm");
return (React.createElement(React.Fragment, null,
React.createElement(Box, { className: clsx(classes.message, "message-body") },
React.createElement(ListItemText, { primary: message.message })),
React.createElement(Box, { className: clsx(classes.messageInfo, "message-info") },
React.createElement(ListItemText, { secondary: time }))));
};
export default ChatBoxMessage;