From e89c45663488b03a6b9e1502bf027bcaff4a94cd Mon Sep 17 00:00:00 2001
From: willclarktech <willclarktech@users.noreply.github.com>
Date: Tue, 15 Sep 2020 11:51:17 +0200
Subject: [PATCH] launchpad-ledger: Add MsgSend to demo

---
 packages/launchpad-ledger/demo/index.css    |  2 +-
 packages/launchpad-ledger/demo/index.html   | 11 --------
 packages/launchpad-ledger/src/demo/index.ts | 29 ++++++++++++++++++++-
 3 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/packages/launchpad-ledger/demo/index.css b/packages/launchpad-ledger/demo/index.css
index 4cc56f58..974bced3 100644
--- a/packages/launchpad-ledger/demo/index.css
+++ b/packages/launchpad-ledger/demo/index.css
@@ -20,5 +20,5 @@ input {
 
 textarea {
   width: 32em;
-  height: 14em;
+  height: 28em;
 }
diff --git a/packages/launchpad-ledger/demo/index.html b/packages/launchpad-ledger/demo/index.html
index 5b9f4c1b..1575c6bd 100644
--- a/packages/launchpad-ledger/demo/index.html
+++ b/packages/launchpad-ledger/demo/index.html
@@ -31,17 +31,6 @@
     <div>
       <label>Message</label>
       <textarea id="message">
-{
-  "account_number": 0,
-  "chain_id": "testing",
-  "fee": {
-    "amount": [{ "amount": 100, "denom": "ucosm" }],
-    "gas": 250
-  },
-  "memo": "Some memo",
-  "msgs": [],
-  "sequence": 0
-}
       </textarea>
     </div>
     <div>
diff --git a/packages/launchpad-ledger/src/demo/index.ts b/packages/launchpad-ledger/src/demo/index.ts
index 820a0105..8269c3a3 100644
--- a/packages/launchpad-ledger/src/demo/index.ts
+++ b/packages/launchpad-ledger/src/demo/index.ts
@@ -5,18 +5,45 @@ import { LedgerSigner } from "../ledgersigner";
 declare const window: any;
 declare const document: any;
 
+function createMessage(address: string): string {
+  return `{
+    "account_number": 0,
+    "chain_id": "testing",
+    "fee": {
+      "amount": [{ "amount": 100, "denom": "ucosm" }],
+      "gas": 250
+    },
+    "memo": "Some memo",
+    "msgs": [{
+      "type": "cosmos-sdk/MsgSend",
+      "value": {
+        "amount": [{
+          "amount": "1234567",
+          "denom": "ucosm"
+        }],
+        "from_address": "${address}",
+        "to_address": "${address}"
+      }
+    }],
+    "sequence": 0
+  }`;
+}
+
 const signer = new LedgerSigner({ testModeAllowed: true });
 
 window.getAccounts = async function getAccounts(): Promise<void> {
   const addressInput = document.getElementById("address");
   const accountsDiv = document.getElementById("accounts");
+  const messageTextArea = document.getElementById("message");
   accountsDiv.textContent = "Loading...";
 
   try {
     const accounts = await signer.getAccounts();
     const prettyAccounts = accounts.map((account) => ({ ...account, pubkey: toHex(account.pubkey) }));
     accountsDiv.textContent = JSON.stringify(prettyAccounts, null, "\t");
-    addressInput.value = accounts[0].address;
+    const address = accounts[0].address;
+    addressInput.value = address;
+    messageTextArea.textContent = createMessage(address);
   } catch (error) {
     accountsDiv.textContent = error;
   }