add outcomingMsg, time prop

@@ -142,7 +142,14 @@ const StyledLink = styled(Link)`
   }
 `;
 
-export default ({ location, message, onSubmit, outcomingMsg, incomingMsg }) => {
+export default ({
+  location,
+  message,
+  onSubmit,
+  outcomingMsg,
+  outcomingTime,
+  incomingMsg,
+}) => {
   const { pathname } = location;
   const roomName = pathname.slice(1, pathname.length);
   return (
@@ -167,7 +174,9 @@ export default ({ location, message, onSubmit, outcomingMsg, incomingMsg }) => {
           </ChatScreenHeader>
           <ChatScreenBox>
             {incomingMsg && <IncomingMsg text={incomingMsg} />}
-            {outcomingMsg && <OutcomingMsg text={outcomingMsg} />}
+            {outcomingMsg && (
+              <OutcomingMsg text={outcomingMsg} time={outcomingTime} />
+            )}
             <InputWrapper>
               <InputContainer>
                 <form onSubmit={onSubmit}>