@extrawest/firebase-chat-list-component
Version:
React Firebase Chat List Component
43 lines (42 loc) • 1.56 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const core_1 = require("@material-ui/core");
const dayjs_1 = __importDefault(require("dayjs"));
const clsx_1 = __importDefault(require("clsx"));
const useStyles = core_1.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_1.default(dayjs_1.default.unix(message.timestamp)).format("HH:mm");
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(core_1.Box, { className: clsx_1.default(classes.message, "message-body") },
react_1.default.createElement(core_1.ListItemText, { primary: message.message })),
react_1.default.createElement(core_1.Box, { className: clsx_1.default(classes.messageInfo, "message-info") },
react_1.default.createElement(core_1.ListItemText, { secondary: time }))));
};
exports.default = ChatBoxMessage;