diff --git a/frontend/src/components/SuggestedAppData.tsx b/frontend/src/components/SuggestedAppData.tsx
index c35a4d80..2f367ee3 100644
--- a/frontend/src/components/SuggestedAppData.tsx
+++ b/frontend/src/components/SuggestedAppData.tsx
@@ -193,6 +193,10 @@ export const suggestedApps: SuggestedApp[] = [
title: "Alby Go",
description: "A simple mobile wallet that works great with Alby Hub",
webLink: "https://albygo.com",
+ playLink:
+ "https://play.google.com/store/apps/details?id=com.getalby.mobile",
+ appleLink: "https://apps.apple.com/us/app/alby-go/id6471335774",
logo: albyGo,
+ internal: true,
},
].sort((a, b) => (a.title.toUpperCase() > b.title.toUpperCase() ? 1 : -1));
diff --git a/frontend/src/components/ui/button.tsx b/frontend/src/components/ui/button.tsx
index 632ce617..d533b738 100644
--- a/frontend/src/components/ui/button.tsx
+++ b/frontend/src/components/ui/button.tsx
@@ -20,7 +20,7 @@ const buttonVariants = cva(
secondary:
"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
ghost: "hover:bg-accent hover:text-accent-foreground",
- link: "text-foreground hover:text-accent-foreground underline-offset-4 hover:underline",
+ link: "text-foreground hover:text-accent-foreground underline underline-offset-4 hover:no-underline",
positive:
"bg-positive text-positive-foreground shadow-sm hover:bg-positive/90",
},
diff --git a/frontend/src/routes.tsx b/frontend/src/routes.tsx
index c3754a60..c01d6083 100644
--- a/frontend/src/routes.tsx
+++ b/frontend/src/routes.tsx
@@ -33,6 +33,7 @@ import { OpeningAutoChannel } from "src/screens/channels/auto/OpeningAutoChannel
import { FirstChannel } from "src/screens/channels/first/FirstChannel";
import { OpenedFirstChannel } from "src/screens/channels/first/OpenedFirstChannel";
import { OpeningFirstChannel } from "src/screens/channels/first/OpeningFirstChannel";
+import { AlbyGo } from "src/screens/internal-apps/AlbyGo";
import { BuzzPay } from "src/screens/internal-apps/BuzzPay";
import { UncleJim } from "src/screens/internal-apps/UncleJim";
import BuyBitcoin from "src/screens/onchain/BuyBitcoin";
@@ -216,6 +217,10 @@ const routes = [
path: "buzzpay",
element: ,
},
+ {
+ path: "alby-go",
+ element: ,
+ },
],
},
{
diff --git a/frontend/src/screens/Home.tsx b/frontend/src/screens/Home.tsx
index 3b9717d3..6cc68a24 100644
--- a/frontend/src/screens/Home.tsx
+++ b/frontend/src/screens/Home.tsx
@@ -1,4 +1,6 @@
import { ExternalLinkIcon } from "lucide-react";
+import { Link } from "react-router-dom";
+import albyGo from "src/assets/suggested-apps/alby-go.png";
import AppHeader from "src/components/AppHeader";
import ExternalLink from "src/components/ExternalLink";
import { AlbyHead } from "src/components/images/AlbyHead";
@@ -77,6 +79,35 @@ function Home() {
)}
+
+
+
+
+
+
+
![]({albyGo})
+
+
+
+
+ Alby Go
+
+
+
+ The easiest Bitcoin mobile app that works great with Alby
+ Hub.
+
+
+
+
+
+
+
+
+
{!extensionInstalled && (
diff --git a/frontend/src/screens/internal-apps/AlbyGo.tsx b/frontend/src/screens/internal-apps/AlbyGo.tsx
new file mode 100644
index 00000000..5057da12
--- /dev/null
+++ b/frontend/src/screens/internal-apps/AlbyGo.tsx
@@ -0,0 +1,114 @@
+import { Globe } from "lucide-react";
+import { Link } from "react-router-dom";
+import AppHeader from "src/components/AppHeader";
+import ExternalLink from "src/components/ExternalLink";
+import { AppleIcon } from "src/components/icons/Apple";
+import { NostrWalletConnectIcon } from "src/components/icons/NostrWalletConnectIcon";
+import { PlayStoreIcon } from "src/components/icons/PlayStore";
+import { suggestedApps } from "src/components/SuggestedAppData";
+import { Button } from "src/components/ui/button";
+import {
+ Card,
+ CardContent,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "src/components/ui/card";
+
+const ALBY_GO_APP_ID = "alby-go";
+
+export function AlbyGo() {
+ const app = suggestedApps.find((x) => x.id === ALBY_GO_APP_ID);
+
+ return (
+
+
+
+
![]({app?.logo})
+
+
{app?.title}
+
+ {app?.description}
+
+
+
+ >
+ }
+ description=""
+ contentRight={
+
+
+
+ }
+ />
+
+
+
+ Get This App
+
+
+ {app?.playLink && (
+
+
+
+ )}
+
+ {app?.appleLink && (
+
+
+
+ )}
+
+
+
+
+
+
+
+ Links
+
+
+ {app?.webLink && (
+
+
+
+ )}
+
+
+
+
+
+ How to Connect
+
+
+
+ - Download the app from the app store
+ -
+
+ {" "}
+ for Alby Go
+
+
+ - Open the Alby Go app on your mobile and scan the QR code
+
+
+
+
+ );
+}