From 517f99ea215726fa2b0053b99bc611db5f4dc7ef Mon Sep 17 00:00:00 2001 From: Avanish Singh <79073722+aaviix@users.noreply.github.com> Date: Fri, 1 Dec 2023 11:30:25 +0100 Subject: [PATCH] Delete frontend-react/src/components/Message_Area.js --- frontend-react/src/components/Message_Area.js | 35 ------------------- 1 file changed, 35 deletions(-) delete mode 100644 frontend-react/src/components/Message_Area.js diff --git a/frontend-react/src/components/Message_Area.js b/frontend-react/src/components/Message_Area.js deleted file mode 100644 index d9222fc..0000000 --- a/frontend-react/src/components/Message_Area.js +++ /dev/null @@ -1,35 +0,0 @@ -import React, {useEffect, useRef} from 'react'; -import LeftMessage from "./Left_message"; -import RightMessage from "./Right_message"; -import '../styles/style.css'; - -const MessageArea = (props) => { - - const End = useRef(null) - - useEffect(() => { - if(props.messages.length > 0) { - scrollToBottom(); - } - }) - - function scrollToBottom() { - End.current.scrollIntoView({behavior: "smooth"}) - } - - return ( - <div className={props.area}> - {props.messages.map(mes => { - switch (mes.type) { - case "right": - return <RightMessage right_message={mes}/>; - case "left": - return <LeftMessage left_message={mes}/>; - } - })} - <div ref={End}></div> - </div> - ); -}; - -export default MessageArea; \ No newline at end of file -- GitLab