From 5ba59aaa5df12c6001379446b3b9e7b62ddafeb6 Mon Sep 17 00:00:00 2001
From: kwingram25 <kwingram25@gmail.com>
Date: Fri, 23 Aug 2019 13:18:50 +0200
Subject: [PATCH] Claims placeholder (#1521)

---
 packages/app-claims/src/index.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/app-claims/src/index.tsx b/packages/app-claims/src/index.tsx
index 7986c3a686..9c33b41563 100644
--- a/packages/app-claims/src/index.tsx
+++ b/packages/app-claims/src/index.tsx
@@ -60,6 +60,18 @@ const Signature = styled.textarea`
   margin: 1rem 0;
   resize: none;
   width: 100%;
+
+  &::placeholder {
+    color: rgba(0, 0, 0, 0.5);
+  }
+
+  &:-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.5);
+  }
+
+  &::-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.5);
+  }
 `;
 
 class App extends TxModal<Props, State> {
@@ -137,11 +149,12 @@ class App extends TxModal<Props, State> {
                   trigger='tx-payload'
                 />
                 <div>
-                  {t('Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature below')}
+                  {t('Copy the above string and sign an Ethereum transaction with the account you used during the pre-sale in the wallet of your choice, using the string as the payload, and then paste the transaction signature object below')}
                   :
                 </div>
                 <Signature
                   onChange={this.onChangeSignature}
+                  placeholder={`{\n\t"address": "0x ...",\n\t"msg": "Pay KSMs to the Kusama account: ...",\n\t"sig": "0x ...",\n\t"version": "2"\n}`}
                   rows={10}
                 />
                 {(step === Step.Sign) && (