WIP contribution nav

Gemfile

@@ -58,9 +58,6 @@ gem 'discourse_api'
 gem "sentry-ruby"
 gem "sentry-rails"
 
-# Lightning
-gem "lnurl"
-
 group :development, :test do
   # Use sqlite3 as the database for Active Record
   gem 'sqlite3', '~> 1.4'

Gemfile.lock

@@ -180,8 +180,6 @@ GEM
     listen (3.7.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
-    lnurl (1.0.1)
-      bech32 (~> 1.1)
     lockbox (1.1.0)
     loofah (2.19.0)
       crass (~> 1.0.2)
@@ -411,7 +409,6 @@ DEPENDENCIES
   letter_opener
   letter_opener_web
   listen (~> 3.2)
-  lnurl
   lockbox
   net-ldap
   pagy (~> 6.0, >= 6.0.2)

app/components/header_tab_link_component.html.erb

@@ -0,0 +1,3 @@
+<%= link_to @path, class: @link_class do %>
+  <%= @name %>
+<% end %>

app/components/header_tab_link_component.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+class HeaderTabLinkComponent < ViewComponent::Base
+  def initialize(name:, path:, active: false, disabled: false)
+    @name = name
+    @path = path
+    @active = active
+    @disabled = disabled
+    @link_class = class_names_link(path)
+  end
+
+  def class_names_link(path)
+    common = "block md:inline-block px-5 py-2 rounded-md font-medium text-base md:text-xl"
+    if @active
+      "#{common} bg-gray-900/50 text-white"
+    else
+      "#{common} text-gray-300 hover:bg-gray-900/30 hover:text-white active:bg-gray-900/30 active:text-white"
+    end
+  end
+end

app/components/header_with_tabs_component.html.erb

@@ -0,0 +1,12 @@
+<header class="py-10">
+  <div class="max-w-6xl md:flex md:gap-x-10 mx-auto px-4 sm:px-6 lg:px-8">
+    <% if @title.present? %>
+    <h1 class="text-3xl font-bold text-white">
+      <%= @title %>
+    </h1>
+    <% end %>
+    <nav class="md:grow flex gap-x-4 <%= @title.present? ? "justify-end" : "justify-start" %>" aria-label="Tabs">
+      <%= render partial: @tabnav_partial %>
+    </nav>
+  </div>
+</header>

app/components/header_with_tabs_component.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+class HeaderWithTabsComponent < ViewComponent::Base
+  def initialize(title: nil, tabnav_partial:)
+    @title = title
+    @tabnav_partial = tabnav_partial
+  end
+end

app/controllers/services/lightning_controller.rb

@@ -1,5 +1,4 @@
 require "rqrcode"
-require "lnurl"
 
 class Services::LightningController < ApplicationController
   before_action :authenticate_user!
@@ -9,56 +8,9 @@ class Services::LightningController < ApplicationController
 
   def index
     @wallet_url = "lndhub://#{current_user.ln_account}:#{current_user.ln_password}@#{ENV['LNDHUB_PUBLIC_URL']}"
-    initialize_lndhub_qr_code
-  end
 
-  def transactions
-    @transactions = fetch_transactions
-  end
-
-  def qr_lnurlp
-    respond_to do |format|
-      lnurlp_url = "https://kosmos.org/.well-known/lnurlp/#{current_user.cn}"
-      lnurlp_bech32 = Lnurl.new(lnurlp_url).to_bech32
-      qr_code = RQRCode::QRCode.new("lightning:" + lnurlp_bech32)
-
-      format.svg do
-        qr_svg = qr_code.as_svg(
-          color: "000",
-          shape_rendering: "crispEdges",
-          module_size: 6,
-          standalone: true,
-          use_path: true,
-          svg_attributes: {
-            class: 'inline-block'
-          }
-        )
-        send_data(
-          qr_svg,
-          filename: "bitcoin-lightning-#{current_user.address}.svg",
-          type: "image/svg+xml"
-        )
-      end
-      format.png do
-        qr_png = qr_code.as_png(
-          fill: "white",
-          color: "black",
-          size: 1024,
-        )
-        send_data(
-          qr_png,
-          filename: "bitcoin-lightning-#{current_user.address}.png",
-          type: "image/png"
-        )
-      end
-    end
-  end
-
-  private
-
-  def initialize_lndhub_qr_code
-    qr_code = RQRCode::QRCode.new(@wallet_url)
-    @lndhub_qr_svg = qr_code.as_svg(
+    qrcode = RQRCode::QRCode.new(@wallet_url)
+    @svg = qrcode.as_svg(
       color: "000",
       shape_rendering: "crispEdges",
       module_size: 6,
@@ -70,6 +22,12 @@ class Services::LightningController < ApplicationController
     )
   end
 
+  def transactions
+    @transactions = fetch_transactions
+  end
+
+  private
+
   def authenticate_with_lndhub(options={})
     if session[:ln_auth_token].present? && !options[:force_reauth]
       @ln_auth_token = session[:ln_auth_token]

app/views/contributions/donations/index.html.erb

@@ -1,6 +1,10 @@
-<%= render HeaderComponent.new(title: "Contributions") %>
+<%# <%= render HeaderComponent.new(title: "Contributions") %>
+<%= render HeaderWithTabsComponent.new(
+  # title: "Contributions",
+  tabnav_partial: "shared/tabnav_contributions"
+) %>
 
-<%= render MainWithTabnavComponent.new(tabnav_partial: "shared/tabnav_contributions") do %>
+<%= render MainSimpleComponent.new do %>
   <section>
     <% if @donations.any? %>
       <p class="mb-12">

app/views/contributions/projects/index.html.erb

@@ -1,6 +1,9 @@
-<%= render HeaderComponent.new(title: "Contributions") %>
+<%= render HeaderWithTabsComponent.new(
+  # title: "Contributions",
+  tabnav_partial: "shared/tabnav_contributions"
+) %>
 
-<%= render MainWithTabnavComponent.new(tabnav_partial: "shared/tabnav_contributions") do %>
+<%= render MainSimpleComponent.new do %>
   <section>
     <p class="mb-8">
       Project contributions are how we develop and run all Kosmos software and

app/views/services/lightning/index.html.erb

@@ -7,25 +7,13 @@
 
   <section>
     <h3>Lightning Address</h3>
-    <p class="mb-6">
+    <p>
       Your Kosmos user address is also a
       <a class="ks-text-link" href="https://lightningaddress.com/" target="_blank">Lightning Address</a>!
       The easiest way to receive sats is by just giving out your address:
     </p>
-    <p data-controller="clipboard" class="flex gap-1 sm:w-2/5">
-      <input type="text" id="user_address" class="grow"
-             value=<%= current_user.address %> disabled="disabled"
-             data-clipboard-target="source" />
-      <button id="copy-user-address" class="btn-md btn-icon btn-blue shrink-0"
-              data-clipboard-target="trigger" data-action="clipboard#copy"
-              title="Copy to clipboard">
-        <span class="content-initial">
-          <%= render partial: "icons/copy", locals: { custom_class: "text-white h-4 w-4 inline" } %>
-        </span>
-        <span class="content-active hidden">
-          <%= render partial: "icons/check", locals: { custom_class: "text-white h-4 w-4 inline" } %>
-        </span>
-      </button>
+    <p>
+      <strong><%= current_user.address %></strong>
     </p>
   </section>
 
@@ -51,7 +39,7 @@
       <button id="hide-setup-code" class="hidden btn-md btn-blue w-full sm:w-auto">Hide setup QR code</button>
     </p>
     <p id="setup-code" class="hidden my-10 w-full text-center">
-      <%= raw @lndhub_qr_svg %>
+      <%= raw @svg %>
     </p>
   </section>
 
@@ -100,24 +88,6 @@
       </p>
     </div>
   </section>
-
-  <section class="mb-12">
-    <h3>QR Code for Donations/Tips</h3>
-    <p>
-      You can print out or publish a QR code for people to scan with their
-      wallet apps, so they can send you sats without a direct personal
-      interaction (for example at a concert, or on your website).
-    </p>
-    <p class="my-6 text-center md:text-left">
-      <%= link_to "Download SVG file",
-                  qr_lnurlp_services_lightning_index_path(format: "svg"),
-                  class: "btn-md btn-blue w-full sm:w-auto"%>
-      <span class="mx-2 my-2 md:my-0 block md:inline">or</span>
-      <%= link_to "Download PNG file",
-                  qr_lnurlp_services_lightning_index_path(format: "png"),
-                  class: "btn-md btn-blue w-full sm:w-auto"%>
-    </p>
-  </section>
 <% end %>
 
 <script type="text/javascript">

app/views/shared/_tabnav_contributions.html.erb

@@ -1,12 +1,8 @@
-<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>
+<%= render HeaderTabLinkComponent.new(
+  name: "Donations", path: contributions_donations_path,
+  active: current_page?(contributions_donations_path)
+) %>
+<%= render HeaderTabLinkComponent.new(
+  name: "Projects", path: contributions_projects_path,
+  active: current_page?(contributions_projects_path)
+) %>

config/routes.rb

@@ -24,7 +24,6 @@ Rails.application.routes.draw do
     resources :lightning, only: [:index] do
       collection do
         get 'transactions'
-        get 'qr_lnurlp'
       end
     end
   end