remove unused component

@@ -7,8 +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 IncomingMsg from "../../Components/IncomingMsg";
-import OutcomingMsg from "../../Components/OutcomingMsg";
+import SendingMsg from "../../Components/SendingMsg";
 
 
 const Wrapper = styled.div`
 const Wrapper = styled.div`
   display: grid;
   display: grid;
@@ -93,19 +92,10 @@ const ChatScreenBox = styled.div`
   height: 100%;
   height: 100%;
 `;
 `;
 
 
-const InputWrapper = styled.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 10px;
-  margin-bottom: 10px;
-  width: 100%;
-`;
-
 const InputContainer = styled.div`
 const InputContainer = styled.div`
   position: fixed;
   position: fixed;
   bottom: 0;
   bottom: 0;
+  justify-self: center;
   padding: 10px;
   padding: 10px;
   margin-bottom: 20px;
   margin-bottom: 20px;
   display: flex;
   display: flex;
@@ -146,12 +136,13 @@ export default ({
   location,
   location,
   message,
   message,
   onSubmit,
   onSubmit,
-  outcomingMsg,
-  outcomingTime,
-  incomingMsg,
+  sendingText,
+  sendingTime,
+  sendingMsgObj,
 }) => {
 }) => {
   const { pathname } = location;
   const { pathname } = location;
   const roomName = pathname.slice(1, pathname.length);
   const roomName = pathname.slice(1, pathname.length);
+
   return (
   return (
     <Wrapper>
     <Wrapper>
       <Header text={"KhuChat"} />
       <Header text={"KhuChat"} />
@@ -173,22 +164,17 @@ export default ({
             <Title>Selected Menu Title</Title>
             <Title>Selected Menu Title</Title>
           </ChatScreenHeader>
           </ChatScreenHeader>
           <ChatScreenBox>
           <ChatScreenBox>
-            {incomingMsg && <IncomingMsg text={incomingMsg} />}
-            {outcomingMsg && (
-              <OutcomingMsg text={outcomingMsg} time={outcomingTime} />
-            )}
-            <InputWrapper>
-              <InputContainer>
-                <form onSubmit={onSubmit}>
-                  <Input
-                    placeholder={"Enter any words"}
-                    type="text"
-                    {...message}
-                  />
-                  <Button text={"Submit"} />
-                </form>
-              </InputContainer>
-            </InputWrapper>
+            <SendingMsg text={sendingText} time={sendingTime} />
+            <InputContainer>
+              <form onSubmit={onSubmit}>
+                <Input
+                  placeholder={"Enter any words"}
+                  type="text"
+                  {...message}
+                />
+                <Button text={"Submit"} />
+              </form>
+            </InputContainer>
           </ChatScreenBox>
           </ChatScreenBox>
         </ChatScreenContainer>
         </ChatScreenContainer>
       </ChatWrapper>
       </ChatWrapper>