From bd2a16130685c5c280131cb006e9700f48a0f962 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Wed, 2 Mar 2022 19:18:28 -0600
Subject: [PATCH] Add tab menu to wallet pages

---
 app/views/wallet/index.html.erb        |  9 +++++++++
 app/views/wallet/transactions.html.erb | 11 ++++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/views/wallet/index.html.erb b/app/views/wallet/index.html.erb
index 757faec..406bd60 100644
--- a/app/views/wallet/index.html.erb
+++ b/app/views/wallet/index.html.erb
@@ -3,6 +3,15 @@
 <%= render MainSimpleComponent.new do %>
   <%= render WalletSummaryComponent.new(balance: @balance) %>
 
+  <section>
+    <div class="border-b border-gray-200">
+      <nav class="-mb-px flex" aria-label="Tabs">
+        <%= link_to "Info", wallet_path, class: "border-indigo-500 text-indigo-600 w-1/2 py-4 px-1 text-center border-b-2", "aria-current": "page" %>
+        <%= link_to "Transactions", wallet_transactions_path, class: "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 w-1/2 py-4 px-1 text-center border-b-2" %>
+      </nav>
+    </div>
+  </section>
+
   <section>
     <h3>Lightning Address</h3>
     <p>
diff --git a/app/views/wallet/transactions.html.erb b/app/views/wallet/transactions.html.erb
index b1abc40..c7c495e 100644
--- a/app/views/wallet/transactions.html.erb
+++ b/app/views/wallet/transactions.html.erb
@@ -3,6 +3,15 @@
 <%= render MainSimpleComponent.new do %>
   <%= render WalletSummaryComponent.new(balance: @balance) %>
 
+  <section>
+    <div class="border-b border-gray-200">
+      <nav class="-mb-px flex" aria-label="Tabs">
+        <%= link_to "Info", wallet_path, class: "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 w-1/2 py-4 px-1 text-center border-b-2" %>
+        <%= link_to "Transactions", wallet_transactions_path, class: "border-indigo-500 text-indigo-600 w-1/2 py-4 px-1 text-center border-b-2", "aria-current": "page" %>
+      </nav>
+    </div>
+  </section>
+
   <section>
     <h3 class="hidden">Transactions</h3>
 
@@ -41,7 +50,7 @@
       </ul>
     <% else %>
       <p class="text-gray-500">
-        No transactions to show.
+        No transactions yet. As soon as you start receiving sats, you will find some entries here.
       </p>
     <% end %>
   </section>