From bf763d2cf474293e5a0fa1f3a06fd1733a495b34 Mon Sep 17 00:00:00 2001
From: badrAZ <azizbibadr@gmail.com>
Date: Wed, 17 Jun 2020 16:22:38 +0200
Subject: [PATCH] feat(xo-web/backup): add placeholder to report recipients
 input (#5051)

Fixes #5035
---
 packages/xo-web/src/common/intl/messages.js    | 1 +
 packages/xo-web/src/xo-app/backup/new/index.js | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/xo-web/src/common/intl/messages.js b/packages/xo-web/src/common/intl/messages.js
index c1a58e280..fdc82b85c 100644
--- a/packages/xo-web/src/common/intl/messages.js
+++ b/packages/xo-web/src/common/intl/messages.js
@@ -77,6 +77,7 @@ const messages = {
   withMemory: 'With memory',
   offline: 'Offline',
   noLicenseAvailable: 'No license available',
+  emailPlaceholderExample: 'Email address, e.g.: it@company.net',
 
   // ----- Modals -----
   alertOk: 'OK',
diff --git a/packages/xo-web/src/xo-app/backup/new/index.js b/packages/xo-web/src/xo-app/backup/new/index.js
index 82c0a169b..188561d89 100644
--- a/packages/xo-web/src/xo-app/backup/new/index.js
+++ b/packages/xo-web/src/xo-app/backup/new/index.js
@@ -104,8 +104,9 @@ const ReportRecipients = decorate([
       disabledAddButton: ({ recipient }) => recipient === '',
     },
   }),
+  injectIntl,
   injectState,
-  ({ effects, recipients, remove, state }) => (
+  ({ effects, intl: { formatMessage }, recipients, remove, state }) => (
     <div>
       <FormGroup>
         <label htmlFor={state.inputId}>
@@ -117,6 +118,8 @@ const ReportRecipients = decorate([
             name='recipient'
             onChange={effects.linkState}
             onKeyDown={effects.onKeyDown}
+            placeholder={formatMessage(messages.emailPlaceholderExample)}
+            type='email'
             value={state.recipient}
           />
           <span className='input-group-btn'>