Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
56 changes: 56 additions & 0 deletions frontend/src/components/connections/SuggestedAppData.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@ import snort from "src/assets/suggested-apps/snort.png";
import stackernews from "src/assets/suggested-apps/stacker-news.png";
import takemysats from "src/assets/suggested-apps/takemysats.png";
import tictactoe from "src/assets/suggested-apps/tictactoe.png";
import lendaswap from "src/assets/suggested-apps/lendaswap.png";
import tunnelsats from "src/assets/suggested-apps/tunnelsats.png";
import wavespace from "src/assets/suggested-apps/wave-space.png";
import wavlake from "src/assets/suggested-apps/wavlake.png";
Expand Down Expand Up @@ -2340,6 +2341,61 @@ export const appStoreApps: AppStoreApp[] = (
),
categories: ["misc"],
},
{
id: "lendaswap",
title: "LendaSwap",
description: "Self-custodial Bitcoin ↔ Stablecoin atomic swaps",
webLink: "https://lendaswap.com",
logo: lendaswap,
extendedDescription:
"Swap between Lightning Bitcoin and stablecoins (USDC, USDT) on Polygon, Arbitrum, and Ethereum. LendaSwap uses your Hub to pay swap invoices and generate receiving invoices — all self-custodial via HTLCs.",
installGuide: (
<>
<p className="text-muted-foreground">
Open{" "}
<ExternalLink
to="https://lendaswap.com"
className="font-medium text-foreground underline"
>
LendaSwap
</ExternalLink>{" "}
in your browser
</p>
</>
),
finalizeGuide: (
<>
<div>
<h3 className="font-medium">In LendaSwap</h3>
<ul className="list-inside list-decimal text-muted-foreground">
<li>
Click the{" "}
<span className="font-medium text-foreground">⚡ Lightning</span>{" "}
button in the header
</li>
<li>
Paste the connection secret from Alby Hub
</li>
<li>
When swapping Lightning → stablecoins, click{" "}
<span className="font-medium text-foreground">
Pay with Lightning Wallet
</span>{" "}
to pay directly from your Hub
</li>
<li>
When swapping stablecoins → Lightning, click{" "}
<span className="font-medium text-foreground">
Generate invoice from wallet
</span>{" "}
to receive directly into your Hub
</li>
Comment on lines +2366 to +2392
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

Guard against premature onboarding before LendaSwap’s NWC release.

Line 2369 onward instructs users to connect now, but the PR notes NWC support lands in LendaSwap’s next release. If this is merged early, users will hit a broken flow. Add a temporary in-app note (or gate the listing) until the dependent release is live.

Suggested minimal copy fix
       finalizeGuide: (
         <>
           <div>
             <h3 className="font-medium">In LendaSwap</h3>
+            <p className="text-muted-foreground">
+              If you don’t see the Lightning connection option yet, update to the latest LendaSwap release and try again.
+            </p>
             <ul className="list-inside list-decimal text-muted-foreground">
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
finalizeGuide: (
<>
<div>
<h3 className="font-medium">In LendaSwap</h3>
<ul className="list-inside list-decimal text-muted-foreground">
<li>
Click the{" "}
<span className="font-medium text-foreground">⚡ Lightning</span>{" "}
button in the header
</li>
<li>
Paste the connection secret from Alby Hub
</li>
<li>
When swapping Lightning stablecoins, click{" "}
<span className="font-medium text-foreground">
Pay with Lightning Wallet
</span>{" "}
to pay directly from your Hub
</li>
<li>
When swapping stablecoins Lightning, click{" "}
<span className="font-medium text-foreground">
Generate invoice from wallet
</span>{" "}
to receive directly into your Hub
</li>
finalizeGuide: (
<>
<div>
<h3 className="font-medium">In LendaSwap</h3>
<p className="text-muted-foreground">
If you don't see the Lightning connection option yet, update to the latest LendaSwap release and try again.
</p>
<ul className="list-inside list-decimal text-muted-foreground">
<li>
Click the{" "}
<span className="font-medium text-foreground">⚡ Lightning</span>{" "}
button in the header
</li>
<li>
Paste the connection secret from Alby Hub
</li>
<li>
When swapping Lightning stablecoins, click{" "}
<span className="font-medium text-foreground">
Pay with Lightning Wallet
</span>{" "}
to pay directly from your Hub
</li>
<li>
When swapping stablecoins Lightning, click{" "}
<span className="font-medium text-foreground">
Generate invoice from wallet
</span>{" "}
to receive directly into your Hub
</li>
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@frontend/src/components/connections/SuggestedAppData.tsx` around lines 2366 -
2392, The finalizeGuide JSX within the SuggestedAppData component currently
provides instructions that assume LendaSwap supports NWC; add a temporary gating
note or banner in that finalizeGuide block (or conditionally hide the LendaSwap
steps) until LendaSwap's NWC release is live: update the finalizeGuide constant
to either prepend a visible warning message (e.g., "Note: NWC support in
LendaSwap is coming soon—do not connect until release") or wrap the LendaSwap
list in a feature-flag/prop check so the steps are only rendered when a runtime
flag (or prop) indicates LendaSwap NWC support is available; ensure the unique
symbol finalizeGuide and the SuggestedAppData component are the locations you
modify.

</ul>
</div>
</>
),
categories: ["payment-tools"],
},
] satisfies AppStoreApp[]
).sort((a, b) => (a.title.toUpperCase() > b.title.toUpperCase() ? 1 : -1));

Expand Down