cheveguerra/whaticket-community
1
0
Fork 0
mirror of https://github.com/cheveguerra/whaticket-community.git synced 2026-04-20 20:59:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: changed class and func names

Browse Source
This commit is contained in:
canove
2020-10-29 11:53:31 -03:00
parent 957e5182eb
commit 5a51581bd3
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/components/MessageInput/index.js
View File

@@ -113,7 +113,7 @@ const useStyles = makeStyles(theme => ({
color: "green", color: "green",
}, },
quotedMsgWrapper: { replyginMsgWrapper: {
display: "flex", display: "flex",
width: "100%", width: "100%",
alignItems: "center", alignItems: "center",
@@ -123,7 +123,7 @@ const useStyles = makeStyles(theme => ({
paddingRight: 7, paddingRight: 7,
}, },
quotedContainer: { replyginMsgContainer: {
flex: 1, flex: 1,
marginRight: 5, marginRight: 5,
overflowY: "hidden", overflowY: "hidden",
@@ -133,7 +133,7 @@ const useStyles = makeStyles(theme => ({
position: "relative", position: "relative",
}, },
quotedMsgBody: { replyginMsgBody: {
padding: 10, padding: 10,
height: "auto", height: "auto",
display: "block", display: "block",
@@ -141,13 +141,13 @@ const useStyles = makeStyles(theme => ({
overflow: "hidden", overflow: "hidden",
}, },
quotedSideOther: { replyginContactMsgSideColor: {
flex: "none", flex: "none",
width: "4px", width: "4px",
backgroundColor: "#35cd96", backgroundColor: "#35cd96",
}, },
quotedSideMine: { replyginSelfMsgSideColor: {
flex: "none", flex: "none",
width: "4px", width: "4px",
backgroundColor: "#6bcbef", backgroundColor: "#6bcbef",
@@ -322,16 +322,16 @@ const MessageInput = ({ ticketStatus }) => {
} }
}; };
const renderQuotedMessage = message => { const renderReplyingMessage = message => {
return ( return (
<div className={classes.quotedMsgWrapper}> <div className={classes.replyginMsgWrapper}>
<div className={classes.quotedContainer}> <div className={classes.replyginMsgContainer}>
<span <span
className={clsx(classes.quotedSideOther, { className={clsx(classes.replyginContactMsgSideColor, {
[classes.quotedSideMine]: !message.fromMe, [classes.replyginSelfMsgSideColor]: !message.fromMe,
})} })}
></span> ></span>
<div className={classes.quotedMsgBody}> <div className={classes.replyginMsgBody}>
{!message.fromMe && ( {!message.fromMe && (
<span className={classes.messageContactName}> <span className={classes.messageContactName}>
{message.contact?.name} {message.contact?.name}
@@ -386,7 +386,7 @@ const MessageInput = ({ ticketStatus }) => {
else { else {
return ( return (
<Paper square elevation={0} className={classes.mainWrapper}> <Paper square elevation={0} className={classes.mainWrapper}>
{replyingMessage.id && renderQuotedMessage(replyingMessage)} {replyingMessage.id && renderReplyingMessage(replyingMessage)}
<div className={classes.newMessageBox}> <div className={classes.newMessageBox}>
<IconButton <IconButton
aria-label="emojiPicker" aria-label="emojiPicker"