From f854e477b7689cabc8bca6f253bd257a832a7ac9 Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Mon, 3 Feb 2020 16:34:35 +0100
Subject: [PATCH] Add placeholder to MUC invite modal input

---
 src/templates/muc_invite_modal.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/templates/muc_invite_modal.js b/src/templates/muc_invite_modal.js
index 39b385a0d..9affe4bb9 100644
--- a/src/templates/muc_invite_modal.js
+++ b/src/templates/muc_invite_modal.js
@@ -4,7 +4,8 @@ import { modal_header_close_button } from "./buttons"
 
 const i18n_invite = __('Invite');
 const i18n_invite_heading = __('Invite someone to this groupchat');
-const error_message = __('Please enter a valid XMPP address');
+const i18n_jid_placeholder = __('user@example.org');
+const i18n_error_message = __('Please enter a valid XMPP address');
 const i18n_invite_label = __('XMPP Address');
 const i18n_reason = __('Optional reason for the invitation');
 
@@ -22,11 +23,12 @@ export default (o) => html`
                     <form @submit=${o.submitInviteForm}>
                         <div class="form-group">
                             <label class="clearfix" for="invitee_jids">${i18n_invite_label}:</label>
-                            ${ o.invalid_invite_jid ? html`<div class="error error-feedback">${error_message}</div>` : '' }
+                            ${ o.invalid_invite_jid ? html`<div class="error error-feedback">${i18n_error_message}</div>` : '' }
                             <input class="form-control suggestion-box__input"
                                    required="required"
                                    name="invitee_jids"
                                    id="invitee_jids"
+                                   placeholder="${i18n_jid_placeholder}"
                                    type="text"/>
                             <span class="suggestion-box__additions visually-hidden" role="status" aria-live="assertive" aria-relevant="additions"></span>
                             <ul class="suggestion-box__results suggestion-box__results--below" hidden=""></ul>