From 4d04141f249e722157f69a958919b700f1b64270 Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.kim@8x8.com>
Date: Thu, 2 May 2019 13:05:32 -0700
Subject: [PATCH] ref(chat): change input placeholder

---
 lang/main.json                                  |  2 +-
 react/features/chat/components/web/ChatInput.js | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/lang/main.json b/lang/main.json
index 88e115a9b..7bb49fdb5 100644
--- a/lang/main.json
+++ b/lang/main.json
@@ -50,7 +50,7 @@
     },
     "chat": {
         "error": "Error: your message \"__originalText__\" was not sent. Reason: __error__",
-        "messagebox": "Enter text...",
+        "messagebox": "Type a message",
         "nickname": {
             "popover": "Choose a nickname",
             "title": "Enter a nickname to use chat"
diff --git a/react/features/chat/components/web/ChatInput.js b/react/features/chat/components/web/ChatInput.js
index e71dd5304..7d4800bdf 100644
--- a/react/features/chat/components/web/ChatInput.js
+++ b/react/features/chat/components/web/ChatInput.js
@@ -4,6 +4,7 @@ import React, { Component } from 'react';
 import Emoji from 'react-emoji-render';
 import type { Dispatch } from 'redux';
 
+import { translate } from '../../../base/i18n';
 import { connect } from '../../../base/redux';
 
 import { sendMessage } from '../../actions';
@@ -23,7 +24,12 @@ type Props = {
     /**
      * Optional callback to get a reference to the chat input element.
      */
-    getChatInputRef?: Function
+    getChatInputRef?: Function,
+
+    /**
+     * Invoked to obtain translated strings.
+     */
+    t: Function
 };
 
 /**
@@ -114,11 +120,10 @@ class ChatInput extends Component<Props, State> {
                 </div>
                 <div className = 'usrmsg-form'>
                     <textarea
-                        data-i18n = '[placeholder]chat.messagebox'
                         id = 'usermsg'
                         onChange = { this._onMessageChange }
                         onKeyDown = { this._onDetectSubmit }
-                        placeholder = { 'Enter Text...' }
+                        placeholder = { this.props.t('chat.messagebox') }
                         ref = { this._setTextAreaRef }
                         value = { this.state.message } />
                 </div>
@@ -233,4 +238,4 @@ class ChatInput extends Component<Props, State> {
     }
 }
 
-export default connect()(ChatInput);
+export default translate(connect()(ChatInput));