change component name

@@ -7,7 +7,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faAddressBook } from "@fortawesome/free-solid-svg-icons";
 import { faAddressBook } from "@fortawesome/free-solid-svg-icons";
 import { Link } from "react-router-dom";
 import { Link } from "react-router-dom";
 import Category from "../Category/CategoryContainer";
 import Category from "../Category/CategoryContainer";
-import SendingMsg from "../../Components/SendingMsg";
+import Message from "../../Components/Message";
 
 
 const Wrapper = styled.div`
 const Wrapper = styled.div`
   display: grid;
   display: grid;
@@ -136,9 +136,9 @@ export default ({
   location,
   location,
   message,
   message,
   onSubmit,
   onSubmit,
-  sendingText,
-  sendingTime,
-  sendingMsgObj,
+  messageText,
+  messageTime,
+  newMsgObj,
 }) => {
 }) => {
   const { pathname } = location;
   const { pathname } = location;
   const roomName = pathname.slice(1, pathname.length);
   const roomName = pathname.slice(1, pathname.length);
@@ -164,7 +164,7 @@ export default ({
             <Title>Selected Menu Title</Title>
             <Title>Selected Menu Title</Title>
           </ChatScreenHeader>
           </ChatScreenHeader>
           <ChatScreenBox>
           <ChatScreenBox>
-            <SendingMsg text={sendingText} time={sendingTime} />
+            {newMsgObj && <Message text={messageText} time={messageTime} />}
             <InputContainer>
             <InputContainer>
               <form onSubmit={onSubmit}>
               <form onSubmit={onSubmit}>
                 <Input
                 <Input