diff --git a/frontend/src/components/SuggestedAppData.tsx b/frontend/src/components/SuggestedAppData.tsx index a2ba6e7a..e017836a 100644 --- a/frontend/src/components/SuggestedAppData.tsx +++ b/frontend/src/components/SuggestedAppData.tsx @@ -9,7 +9,6 @@ import clams from "src/assets/suggested-apps/clams.png"; import coracle from "src/assets/suggested-apps/coracle.png"; import damus from "src/assets/suggested-apps/damus.png"; import hablanews from "src/assets/suggested-apps/habla-news.png"; -import kiwi from "src/assets/suggested-apps/kiwi.png"; import lnbits from "src/assets/suggested-apps/lnbits.png"; import lume from "src/assets/suggested-apps/lume.png"; import nostrcheckserver from "src/assets/suggested-apps/nostrcheck-server.png"; @@ -51,6 +50,7 @@ export type SuggestedApp = { chromeLink?: string; firefoxLink?: string; + interactions?: string; guide?: React.ReactNode; internal?: boolean; }; @@ -86,6 +86,7 @@ export const suggestedApps: SuggestedApp[] = [ "https://chromewebstore.google.com/detail/iokeahhehimjnekafflcihljlcjccdbe", firefoxLink: "https://addons.mozilla.org/en-US/firefox/addon/alby/", logo: alby, + interactions: "Seamlessly connects your hub to lightning-enabled websites", guide: ( <>
@@ -149,6 +150,7 @@ export const suggestedApps: SuggestedApp[] = [ webLink: "https://damus.io/?utm_source=getalby", appleLink: "https://apps.apple.com/ca/app/damus/id1628663131", logo: damus, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -199,6 +201,7 @@ export const suggestedApps: SuggestedApp[] = [ playLink: "https://play.google.com/store/apps/details?id=com.vitorpamplona.amethyst", logo: amethyst, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -257,6 +260,7 @@ export const suggestedApps: SuggestedApp[] = [ // NWC is not supported on iOS // appleLink: "https://apps.apple.com/us/app/primal/id1673134518", logo: primal, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -315,6 +319,8 @@ export const suggestedApps: SuggestedApp[] = [ description: "Stream and stack sats", webLink: "https://zap.stream/", logo: zapstream, + interactions: + "Tip streamers, zap comments and pay for streaming time seamlessly", guide: ( <>
@@ -372,6 +378,8 @@ export const suggestedApps: SuggestedApp[] = [ description: "Bitcoin payment processor", webLink: "https://btcpayserver.org/", logo: btcpay, + interactions: + "Receive payments directly to your hub for products you sell online", guide: ( <>
@@ -448,6 +456,8 @@ export const suggestedApps: SuggestedApp[] = [ description: "Wallet accounts system with extensions", webLink: "https://lnbits.com/", logo: lnbits, + interactions: + "Connect your Alby Hub to LNbits to give extra functionality through plugins such as BOLT cards and lightning vouchers", guide: ( <>
@@ -527,6 +537,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "Desktop Nostr client", webLink: "https://coracle.social/", logo: coracle, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>

@@ -608,6 +619,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "Minimalistic, desktop Nostr client", webLink: "https://nostter.app/", logo: nostter, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>

@@ -691,6 +703,7 @@ export const suggestedApps: SuggestedApp[] = [ "https://play.google.com/store/apps/details?id=com.wavlake.mobile", appleLink: "https://testflight.apple.com/join/eWnqECG4", logo: wavlake, + interactions: "Pay to upvote music you enjoy seamlessly", guide: ( <>

@@ -740,6 +753,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "Web Nostr client", webLink: "https://snort.social/", logo: snort, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -798,6 +812,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "Blogging platform", webLink: "https://habla.news/", logo: hablanews, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -858,6 +873,8 @@ export const suggestedApps: SuggestedApp[] = [ description: "Multi wallet accounting tool", webLink: "https://clams.tech/", logo: clams, + interactions: + "Reads your transaction list to provide insights and accounting tools", guide: ( <>
@@ -908,6 +925,8 @@ export const suggestedApps: SuggestedApp[] = [ description: "Sovereign Nostr services", webLink: "https://github.com/quentintaranpino/nostrcheck-server", logo: nostrcheckserver, + interactions: + "Enable payments to your hub from users who register or upload and download files", guide: ( <>
@@ -956,6 +975,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "Web Nostr client", webLink: "https://nostrudel.ninja/", logo: nostrudel, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -1020,6 +1040,7 @@ export const suggestedApps: SuggestedApp[] = [ "https://play.google.com/store/apps/details?id=com.yakihonne.yakihonne", appleLink: "https://apps.apple.com/us/app/yakihonne/id6472556189", logo: yakihonne, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -1085,6 +1106,8 @@ export const suggestedApps: SuggestedApp[] = [ description: "Zap from any client", webLink: "https://www.zapplepay.com/", logo: zapplepay, + interactions: + "ZapplePay will make payments from your hub to zap posts when you react to them", guide: ( <>
@@ -1139,6 +1162,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "macOS Nostr client", webLink: "https://lume.nu/", logo: lume, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -1194,69 +1218,72 @@ export const suggestedApps: SuggestedApp[] = [ ), }, - { - id: "kiwi", - title: "Kiwi", - description: "Nostr communities", - webLink: "https://nostr.kiwi/", - logo: kiwi, - guide: ( - <> -
-

In Kiwi

-
    -
  • - 1. Open{" "} - - nostr.kiwi - {" "} - in your browser -
  • -
  • - 2. Click on {" "} - → Settings -
  • -
  • - 3. Choose{" "} - - Custom Nostr Wallet Connect - -
  • -
-
-
-

In Alby Hub

-
    -
  • - 4. Click{" "} - - Connect to Kiwi - -
  • -
  • 5. Set app's wallet permissions (full access recommended)
  • -
-
-
-

In Kiwi

-
    -
  • 6. Paste the connection secret from Alby Hub
  • -
-
- - ), - }, + // { + // id: "kiwi", + // title: "Kiwi", + // description: "Nostr communities", + // webLink: "https://nostr.kiwi/", + // logo: kiwi, + // interactions: "Tip nostr posts and profiles and pay invoices seamlessly", + // guide: ( + // <> + //
+ //

In Kiwi

+ //
    + //
  • + // 1. Open{" "} + // + // nostr.kiwi + // {" "} + // in your browser + //
  • + //
  • + // 2. Click on {" "} + // → Settings + //
  • + //
  • + // 3. Choose{" "} + // + // Custom Nostr Wallet Connect + // + //
  • + //
+ //
+ //
+ //

In Alby Hub

+ //
    + //
  • + // 4. Click{" "} + // + // Connect to Kiwi + // + //
  • + //
  • 5. Set app's wallet permissions (full access recommended)
  • + //
+ //
+ //
+ //

In Kiwi

+ //
    + //
  • 6. Paste the connection secret from Alby Hub
  • + //
+ //
+ // + // ), + // }, { id: "zappy-bird", title: "Zappy Bird", description: "Lose sats quickly", webLink: "https://rolznz.github.io/zappy-bird/", logo: zappybird, + interactions: + "Makes a payment from your hub each time your bird flaps its wings", guide: ( <>
@@ -1318,6 +1345,7 @@ export const suggestedApps: SuggestedApp[] = [ webLink: "https://nostur.com/", appleLink: "https://apps.apple.com/us/app/nostur-nostr-client/id1672780508", logo: nostur, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -1372,6 +1400,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "Map of notes", webLink: "https://wherostr.social/", logo: wherostr, + interactions: "Tip nostr posts and profiles and pay invoices seamlessly", guide: ( <>
@@ -1430,6 +1459,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "Like Hacker News but with Bitcoin", webLink: "https://stacker.news/", logo: stackernews, + interactions: "Uses your hub to pay to upvote posts", guide: ( <>
@@ -1528,6 +1558,8 @@ export const suggestedApps: SuggestedApp[] = [ description: "Paper Scissors Rock with bitcoin at stake", webLink: "https://paper-scissors-hodl.fly.dev", logo: paperScissorsHodl, + interactions: + "Uses your hub to pay to play a round, and receive the reward if you win", guide: ( <>
@@ -1586,6 +1618,7 @@ export const suggestedApps: SuggestedApp[] = [ appleLink: "https://apps.apple.com/us/app/alby-go/id6471335774", zapStoreLink: "https://zapstore.dev/download/", logo: albyGo, + interactions: "Sends and receives payments seamlessly from your hub", guide: ( <>
@@ -1634,6 +1667,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "Instantly pull up anything with private web search + AI", webLink: "https://www.pullthatupjamie.ai/", logo: pullthatupjamie, + interactions: "Pay from your hub to do private AI-powered searches", guide: ( <>
@@ -1690,6 +1724,7 @@ export const suggestedApps: SuggestedApp[] = [ description: "Discover great apps through your social connections", webLink: "https://zapstore.dev/", logo: zapstore, + interactions: "Pay to zap apps and support their creators", guide: ( <>
diff --git a/frontend/src/screens/appstore/AppStoreDetail.tsx b/frontend/src/screens/appstore/AppStoreDetail.tsx index 132f5d62..40db8b5e 100644 --- a/frontend/src/screens/appstore/AppStoreDetail.tsx +++ b/frontend/src/screens/appstore/AppStoreDetail.tsx @@ -55,98 +55,114 @@ export function AppStoreDetail() { } />
- {(app.appleLink || - app.playLink || - app.zapStoreLink || - app.chromeLink || - app.firefoxLink) && ( +
- Get This App + Alby Hub Interactions - - {app.playLink && ( - - - - )} - {app.appleLink && ( - - - - )} - {app.zapStoreLink && ( - - - - )} - {app.chromeLink && ( - - - - )} - {app.firefoxLink && ( - - - - )} - + {app.interactions && ( + +

{app.interactions}

+
+ )}
- )} - {app.webLink && ( - Links + How to Connect - - {app.webLink && ( - - - + + {app.guide || ( +
    +
  • Install the app
  • +
  • + Click{" "} + + + +
  • +
  • + Open the Alby Go app on your mobile and scan the QR code +
  • +
)} -
+
- )} -
- - - How to Connect - - - {app.guide || ( -
    -
  • Install the app
  • -
  • - Click{" "} - - - -
  • -
  • Open the Alby Go app on your mobile and scan the QR code
  • -
+
+
+ {(app.appleLink || + app.playLink || + app.zapStoreLink || + app.chromeLink || + app.firefoxLink) && ( + + + Get This App + + + {app.playLink && ( + + + + )} + {app.appleLink && ( + + + + )} + {app.zapStoreLink && ( + + + + )} + {app.chromeLink && ( + + + + )} + {app.firefoxLink && ( + + + + )} + + )} - - + {app.webLink && ( + + + Links + + + {app.webLink && ( + + + + )} + + + )} +
+
); }