Skip to content

Commit

Permalink
feat: show hub interactions on app store detail pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@rolznz
rolznz committed Jan 21, 2025
1 parent 0ae90e8 commit a4f1a59
Show file tree
Hide file tree
Showing 2 changed files with 191 additions and 140 deletions.
151 changes: 93 additions & 58 deletions frontend/src/components/SuggestedAppData.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand Down Expand Up @@ -51,6 +50,7 @@ export type SuggestedApp = {
chromeLink?: string;
firefoxLink?: string;

interactions?: string;
guide?: React.ReactNode;
internal?: boolean;
};
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<p>
Expand Down Expand Up @@ -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: (
<>
<p>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -1194,69 +1218,72 @@ export const suggestedApps: SuggestedApp[] = [
</>
),
},
{
id: "kiwi",
title: "Kiwi",
description: "Nostr communities",
webLink: "https://nostr.kiwi/",
logo: kiwi,
guide: (
<>
<div>
<h3 className="font-medium">In Kiwi</h3>
<ul className="list-inside text-muted-foreground">
<li>
1. Open{" "}
<ExternalLink
to="https://nostr.kiwi"
className="font-medium text-foreground underline"
>
nostr.kiwi
</ExternalLink>{" "}
in your browser
</li>
<li>
2. Click on <span className="font-medium text-foreground">⋮</span>{" "}
→ <span className="font-medium text-foreground">Settings</span>
</li>
<li>
3. Choose{" "}
<span className="font-medium text-foreground">
Custom Nostr Wallet Connect
</span>
</li>
</ul>
</div>
<div>
<h3 className="font-medium">In Alby Hub</h3>
<ul className="list-inside text-muted-foreground">
<li>
4. Click{" "}
<Link
to="/apps/new?app=kiwi"
className="font-medium text-foreground underline"
>
Connect to Kiwi
</Link>
</li>
<li>5. Set app's wallet permissions (full access recommended)</li>
</ul>
</div>
<div>
<h3 className="font-medium">In Kiwi</h3>
<ul className="list-inside text-muted-foreground">
<li>6. Paste the connection secret from Alby Hub</li>
</ul>
</div>
</>
),
},
// {
// id: "kiwi",
// title: "Kiwi",
// description: "Nostr communities",
// webLink: "https://nostr.kiwi/",
// logo: kiwi,
// interactions: "Tip nostr posts and profiles and pay invoices seamlessly",
// guide: (
// <>
// <div>
// <h3 className="font-medium">In Kiwi</h3>
// <ul className="list-inside text-muted-foreground">
// <li>
// 1. Open{" "}
// <ExternalLink
// to="https://nostr.kiwi"
// className="font-medium text-foreground underline"
// >
// nostr.kiwi
// </ExternalLink>{" "}
// in your browser
// </li>
// <li>
// 2. Click on <span className="font-medium text-foreground">⋮</span>{" "}
// → <span className="font-medium text-foreground">Settings</span>
// </li>
// <li>
// 3. Choose{" "}
// <span className="font-medium text-foreground">
// Custom Nostr Wallet Connect
// </span>
// </li>
// </ul>
// </div>
// <div>
// <h3 className="font-medium">In Alby Hub</h3>
// <ul className="list-inside text-muted-foreground">
// <li>
// 4. Click{" "}
// <Link
// to="/apps/new?app=kiwi"
// className="font-medium text-foreground underline"
// >
// Connect to Kiwi
// </Link>
// </li>
// <li>5. Set app's wallet permissions (full access recommended)</li>
// </ul>
// </div>
// <div>
// <h3 className="font-medium">In Kiwi</h3>
// <ul className="list-inside text-muted-foreground">
// <li>6. Paste the connection secret from Alby Hub</li>
// </ul>
// </div>
// </>
// ),
// },
{
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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down Expand Up @@ -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: (
<>
<div>
Expand Down
Loading

0 comments on commit a4f1a59

Please sign in to comment.