chore: add extra links to other ways to open channels

getAlby · Jul 23, 2024 · 4ce061e · 4ce061e
1 parent 24fe836
commit 4ce061e
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/frontend/src/screens/channels/CurrentChannelOrder.tsx b/frontend/src/screens/channels/CurrentChannelOrder.tsx
@@ -772,6 +772,12 @@ function PayLightningChannelOrder({ order }: { order: NewChannelOrder }) {
                   paymentMethods="external"
                 />
               )}
+
+              <Link to="/channels/outgoing" className="w-full">
+                <Button className="w-full" variant="secondary">
+                  Buy or Deposit Onchain Bitcoin
+                </Button>
+              </Link>
             </>
           </div>
         </>

diff --git a/frontend/src/screens/channels/IncreaseIncomingCapacity.tsx b/frontend/src/screens/channels/IncreaseIncomingCapacity.tsx
@@ -1,6 +1,6 @@
 import { ChevronDown } from "lucide-react";
 import React, { FormEvent } from "react";
-import { useNavigate } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import AppHeader from "src/components/AppHeader";
 import ExternalLink from "src/components/ExternalLink";
 import Loading from "src/components/Loading";
@@ -188,6 +188,15 @@ function NewChannelInternal({
       <AppHeader
         title="Increase Receiving Capacity"
         description="Purchase a channel with incoming capacity to receive payments"
+        contentRight={
+          <div className="flex items-end">
+            <Link to="/channels/outgoing">
+              <Button className="w-full" variant="secondary">
+                Need spending capacity?
+              </Button>
+            </Link>
+          </div>
+        }
       />
       <form
         onSubmit={onSubmit}
@@ -344,6 +353,11 @@ function NewChannelInternal({
           </Button>
         )}
         <Button size="lg">Next</Button>
+        <Link to="/channels/outgoing" className="w-full">
+          <Button className="w-full" variant="ghost">
+            Need spending capacity?
+          </Button>
+        </Link>
       </form>
     </>
   );

diff --git a/frontend/src/screens/channels/IncreaseOutgoingCapacity.tsx b/frontend/src/screens/channels/IncreaseOutgoingCapacity.tsx
@@ -366,6 +366,11 @@ function NewChannelInternal({ network }: { network: Network }) {
           </Button>
         )}
         <Button size="lg">{openImmediately ? "Open Channel" : "Next"}</Button>
+        <Link to="/channels/incoming" className="w-full">
+          <Button className="w-full" variant="ghost">
+            Need receiving capacity?
+          </Button>
+        </Link>
       </form>
     </>
   );