From c3dde3506e1712ef109072fa7b6a72cc34f3e997 Mon Sep 17 00:00:00 2001 From: Sebastian Kippe Date: Mon, 10 Jan 2022 13:37:04 -0600 Subject: [PATCH] Add more content/help to wallet page * Lighting Address info * Improve explanation for wallet apps, add Alby --- app/assets/images/logos/alby.svg | 12 +++++ app/assets/images/logos/bluewallet.svg | 38 ++++++++++++++ app/controllers/wallet_controller.rb | 5 +- app/views/wallet/index.html.erb | 72 +++++++++++++++++++++----- 4 files changed, 112 insertions(+), 15 deletions(-) create mode 100644 app/assets/images/logos/alby.svg create mode 100644 app/assets/images/logos/bluewallet.svg diff --git a/app/assets/images/logos/alby.svg b/app/assets/images/logos/alby.svg new file mode 100644 index 0000000..cef963d --- /dev/null +++ b/app/assets/images/logos/alby.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/app/assets/images/logos/bluewallet.svg b/app/assets/images/logos/bluewallet.svg new file mode 100644 index 0000000..a209285 --- /dev/null +++ b/app/assets/images/logos/bluewallet.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/controllers/wallet_controller.rb b/app/controllers/wallet_controller.rb index 67d6abe..59ef4d7 100644 --- a/app/controllers/wallet_controller.rb +++ b/app/controllers/wallet_controller.rb @@ -15,7 +15,10 @@ class WalletController < ApplicationController shape_rendering: "crispEdges", module_size: 6, standalone: true, - use_path: true + use_path: true, + svg_attributes: { + class: 'inline-block' + } ) @balance = fetch_balance rescue nil diff --git a/app/views/wallet/index.html.erb b/app/views/wallet/index.html.erb index f87771e..7b0e598 100644 --- a/app/views/wallet/index.html.erb +++ b/app/views/wallet/index.html.erb @@ -19,25 +19,69 @@
-

Blue Wallet

-

- You can connect - <%= link_to "Blue Wallet", "https://bluewallet.io", - class: "ks-text-link", target: "_blank" %> - (Android or iOS) to your Kosmos lightning wallet. In order to do so, - scan the setup QR code from the Import Wallet screen in the app. +

Lightning Address

+

+ Your Kosmos user address is also a + Lightning Address! + The easiest way to receive sats is by just giving out your address:

-

- - - or - +

+ <%= current_user.address %>

-
+ +
+

Wallet Apps

+

+ You can connect various wallet apps to your Kosmos account. This allows + you to both receive and send sats. Any wallet that supports + LNDHub + accounts should be able to add/import your account using our setup + code/URL: +

+

+ + or + + +

+
+
+

Recommended Apps

+
+

+ + <%= image_tag("/assets/logos/bluewallet.svg", class: 'h-16') %> + +

+

+ Android / iOS / macOS +

+

+ Scan the setup QR code from the Import Wallet screen in the app. +

+

+ + <%= image_tag("/assets/logos/alby.svg", class: 'h-16') %> + +

+

+ Firefox / Chrome (Opera, Brave, Chromium-based browsers) +

+

+ Choose "LNDHub (Bluewallet)" in the connect dialog and paste the setup + URL in the "LNDHub Export URI" field. +

+
+
+