placeholder message

src/components/message.jsx

@@ -2,7 +2,7 @@ import React from "react"
 import PropTypes from "prop-types"
 import Linkify from 'linkifyjs/react';
 
-const Message = ({ message, userId, botId, client }) => {
+const Message = ({ message, userId, botId, client, placeholder }) => {
 
   const senderClass = () => {
     switch (message.sender) {
@@ -17,6 +17,16 @@ const Message = ({ message, userId, botId, client }) => {
     }
   }
 
+  if (placeholder) {
+    return(
+      <div className={`message from-me placeholder`}>
+        <div className="text">
+          { message.content.body }
+        </div>
+      </div>
+    )
+  }
+
 
   if (message.content.msgtype === 'm.file') {
     const url = client.mxcUrlToHttp(message.content.url);