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() { )} + + + + +
+
+ +
+
+ +
+ 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?.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
  • +
+
+
+
+ ); +}