From ea6173c60f62c23c6ff8ceb6056a8cff78455728 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kip.pe>
Date: Mon, 12 Dec 2022 14:10:46 +0100
Subject: [PATCH] Use tabnav component for wallet view

---
 .../main_with_tabnav_component.html.erb       |  6 +-----
 .../shared/_tabnav_contributions.html.erb     | 20 +++++++++++--------
 app/views/shared/_tabnav_wallet.html.erb      | 14 +++++++++++++
 app/views/wallet/index.html.erb               |  9 +--------
 app/views/wallet/transactions.html.erb        |  9 +--------
 5 files changed, 29 insertions(+), 29 deletions(-)
 create mode 100644 app/views/shared/_tabnav_wallet.html.erb

diff --git a/app/components/main_with_tabnav_component.html.erb b/app/components/main_with_tabnav_component.html.erb
index 40829db..6c578a9 100644
--- a/app/components/main_with_tabnav_component.html.erb
+++ b/app/components/main_with_tabnav_component.html.erb
@@ -1,11 +1,7 @@
 <main class="w-full max-w-6xl mx-auto pb-12 px-4 md:px-6 lg:px-8">
   <div class="bg-white rounded-lg shadow">
     <div class="px-6 sm:px-12 pt-2 sm:pt-4">
-      <div class="border-b border-gray-200">
-        <nav class="-mb-px flex" aria-label="Tabs">
-          <%= render partial: @tabnav_partial %>
-        </nav>
-      </div>
+      <%= render partial: @tabnav_partial %>
     </div>
     <div class="px-6 sm:px-12 py-8 sm:py-12">
       <%= content %>
diff --git a/app/views/shared/_tabnav_contributions.html.erb b/app/views/shared/_tabnav_contributions.html.erb
index ac75cba..96db0db 100644
--- a/app/views/shared/_tabnav_contributions.html.erb
+++ b/app/views/shared/_tabnav_contributions.html.erb
@@ -1,8 +1,12 @@
-<%= render TabnavLinkComponent.new(
-  name: "Donations", path: contributions_donations_path,
-  active: current_page?(contributions_donations_path)
-) %>
-<%= render TabnavLinkComponent.new(
-  name: "Projects", path: contributions_projects_path,
-  active: current_page?(contributions_projects_path)
-) %>
+<div class="border-b border-gray-200">
+  <nav class="-mb-px flex" aria-label="Tabs">
+    <%= render TabnavLinkComponent.new(
+      name: "Donations", path: contributions_donations_path,
+      active: current_page?(contributions_donations_path)
+    ) %>
+    <%= render TabnavLinkComponent.new(
+      name: "Projects", path: contributions_projects_path,
+      active: current_page?(contributions_projects_path)
+    ) %>
+  </nav>
+</div>
diff --git a/app/views/shared/_tabnav_wallet.html.erb b/app/views/shared/_tabnav_wallet.html.erb
new file mode 100644
index 0000000..abdc5ad
--- /dev/null
+++ b/app/views/shared/_tabnav_wallet.html.erb
@@ -0,0 +1,14 @@
+<section>
+  <div class="border-b border-gray-200">
+    <nav class="-mb-px flex" aria-label="Tabs">
+      <%= render TabnavLinkComponent.new(
+        name: "Info", path: wallet_path,
+        active: current_page?(wallet_path)
+      ) %>
+      <%= render TabnavLinkComponent.new(
+        name: "Transactions", path: wallet_transactions_path,
+        active: current_page?(wallet_transactions_path)
+      ) %>
+    </nav>
+  </div>
+</section>
diff --git a/app/views/wallet/index.html.erb b/app/views/wallet/index.html.erb
index 406bd60..6288567 100644
--- a/app/views/wallet/index.html.erb
+++ b/app/views/wallet/index.html.erb
@@ -3,14 +3,7 @@
 <%= 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>
+  <%= render partial: "shared/tabnav_wallet" %>
 
   <section>
     <h3>Lightning Address</h3>
diff --git a/app/views/wallet/transactions.html.erb b/app/views/wallet/transactions.html.erb
index c7c495e..9228d48 100644
--- a/app/views/wallet/transactions.html.erb
+++ b/app/views/wallet/transactions.html.erb
@@ -3,14 +3,7 @@
 <%= 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>
+  <%= render partial: "shared/tabnav_wallet" %>
 
   <section>
     <h3 class="hidden">Transactions</h3>