diff --git a/01_Requirements/REQ0050/references/ionic-react-whatsapp-clone-main/src/pages/Chat.js b/01_Requirements/REQ0050/references/ionic-react-whatsapp-clone-main/src/pages/Chat.js index ff7a93b..f69266b 100644 --- a/01_Requirements/REQ0050/references/ionic-react-whatsapp-clone-main/src/pages/Chat.js +++ b/01_Requirements/REQ0050/references/ionic-react-whatsapp-clone-main/src/pages/Chat.js @@ -77,12 +77,12 @@ const Chat = () => { const [toastMessage, setToastMessage] = useState(""); // Refs - const contentRef = useRef(); + const contentRef = useRef(null); const swiperRefs = useRef([]); - const textareaRef = useRef(); - const sideRef = useRef(); - const sendRef = useRef(); - const replyToAnimationRef = useRef(); + const textareaRef = useRef(null); + const sideRef = useRef(null); + const sendRef = useRef(null); + const replyToAnimationRef = useRef(null); const actionSheetButtons = [ { @@ -104,7 +104,7 @@ const Chat = () => { icon: alertOutline, handler: () => toaster( - "I haven't implemented unsend :) Simple store update though", + "I haven't implemented unsend :) Simple store update though" ), }, { @@ -165,11 +165,11 @@ const Chat = () => { const chatMessageID = elementID.includes("chatText") ? parseInt(elementID.replace("chatText_", "")) : elementID.includes("chatTime") - ? parseInt(elementID.replace("chatTime_", "")) - : parseInt(elementID.replace("chatBubble_", "")); + ? parseInt(elementID.replace("chatTime_", "")) + : parseInt(elementID.replace("chatBubble_", "")); const chatMessage = chat.filter( - (message) => parseInt(message.id) === parseInt(chatMessageID), + (message) => parseInt(message.id) === parseInt(chatMessageID) )[0]; setActionMessage(chatMessage); @@ -278,7 +278,7 @@ const Chat = () => { replyToMessage, replyToMessage ? replyToMessage.id : false, image, - imagePath, + imagePath ); setMessage(""); @@ -329,7 +329,7 @@ const Chat = () => { fill="clear" onClick={() => toaster( - "As this is a UI only, video calling wouldn't work here.", + "As this is a UI only, video calling wouldn't work here." ) } > @@ -352,7 +352,7 @@ const Chat = () => { {chat.map((message, index) => { const repliedMessage = chat.filter( (subMessage) => - parseInt(subMessage.id) === parseInt(message.replyID), + parseInt(subMessage.id) === parseInt(message.replyID) )[0]; return ( @@ -360,7 +360,9 @@ const Chat = () => { ref={(ref) => (swiperRefs.current[index] = ref)} id={`chatBubble_${message.id}`} key={index} - className={`chat-bubble ${message.sent ? "bubble-sent" : "bubble-received"}`} + className={`chat-bubble ${ + message.sent ? "bubble-sent" : "bubble-received" + }`} {...longPressEvent} >