From 405981cd6dddd66669d115dfe0f3da4d12da936c Mon Sep 17 00:00:00 2001
From: Simon Warta <simon@warta.it>
Date: Fri, 28 Jan 2022 16:18:04 +0100
Subject: [PATCH] Prefix placeholders with E.g.

---
 components/forms/FindMultisigForm.js | 2 +-
 components/forms/MultisigForm.js     | 4 ++--
 components/forms/TransactionForm.js  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/forms/FindMultisigForm.js b/components/forms/FindMultisigForm.js
index 524df82..06c75f5 100644
--- a/components/forms/FindMultisigForm.js
+++ b/components/forms/FindMultisigForm.js
@@ -44,7 +44,7 @@ class FindMultisigForm extends React.Component {
             value={this.state.address}
             label="Multisig Address"
             name="address"
-            placeholder={exampleAddress()}
+            placeholder={`E.g. ${exampleAddress()}`}
           />
           <Button label="Use this Multisig" onClick={() => this.handleSearch()} primary />
         </StackableContainer>
diff --git a/components/forms/MultisigForm.js b/components/forms/MultisigForm.js
index 50d6b20..4981d18 100644
--- a/components/forms/MultisigForm.js
+++ b/components/forms/MultisigForm.js
@@ -146,9 +146,9 @@ class MultiSigForm extends React.Component {
                     label={pubkeyGroup.isPubkey ? "Public Key (Secp256k1)" : "Address"}
                     name={pubkeyGroup.isPubkey ? "compressedPubkey" : "address"}
                     width="100%"
-                    placeholder={
+                    placeholder={`E.g. ${
                       pubkeyGroup.isPubkey ? examplePubkey(index) : exampleAddress(index)
-                    }
+                    }`}
                     error={pubkeyGroup.keyError}
                     onBlur={(e) => {
                       this.handleKeyBlur(index, e);
diff --git a/components/forms/TransactionForm.js b/components/forms/TransactionForm.js
index ab0dbf6..5206929 100644
--- a/components/forms/TransactionForm.js
+++ b/components/forms/TransactionForm.js
@@ -92,7 +92,7 @@ class TransactionForm extends React.Component {
             value={this.state.toAddress}
             onChange={(e) => this.handleChange(e)}
             error={this.state.addressError}
-            placeholder={exampleAddress()}
+            placeholder={`E.g. ${exampleAddress()}`}
           />
         </div>
         <div className="form-item">