feat: add gno faucet button

Signed-off-by: Norman Meier <[email protected]>

networks.json

@@ -651,6 +651,7 @@
     "daoProposalSinglePkgPath": "gno.land/p/demo/teritori/dao_proposal_single_v4",
     "daoInterfacesPkgPath": "gno.land/p/demo/teritori/dao_interfaces_v5",
     "daoCorePkgPath": "gno.land/p/demo/teritori/dao_core_v4",
-    "gnowebURL": "https://testnet.gno.teritori.com"
+    "gnowebURL": "https://testnet.gno.teritori.com",
+    "faucetURL": "https://testnet.gno.teritori.com:5050/?toaddr=$addr"
   }
 ]

packages/components/hub/HubIntro.tsx

@@ -1,10 +1,13 @@
+import axios from "axios";
 import React, { useState } from "react";
 import { View } from "react-native";
 
 import { ProfileButton } from "./ProfileButton";
 import logoSVG from "../../../assets/logos/logo.svg";
+import { useFeedbacks } from "../../context/FeedbacksProvider";
 import { useAreThereWallets } from "../../hooks/useAreThereWallets";
 import useSelectedWallet from "../../hooks/useSelectedWallet";
+import { getNetwork, NetworkKind } from "../../networks";
 import { MyNFTs } from "../../screens/WalletManager/MyNFTs";
 import { WalletDashboardHeader } from "../../screens/WalletManager/WalletDashboardHeader";
 import { Overview } from "../../screens/WalletManager/components/Overview";
@@ -14,8 +17,10 @@ import { FullWidthSeparator } from "../FullWidthSeparator";
 import { Quests } from "../Quests";
 import { SVG } from "../SVG";
 import { Section } from "../Section";
+import { PrimaryButton } from "../buttons/PrimaryButton";
 import { MainConnectWalletButton } from "../connectWallet/MainConnectWalletButton";
 import { UserAvatarWithFrame } from "../images/AvatarWithFrame";
+import { SpacerColumn } from "../spacer";
 import { Tabs } from "../tabs/Tabs";
 
 const walletsManagerTabItems = {
@@ -45,6 +50,8 @@ const ConnectedIntro: React.FC = () => {
 
       <ProfileButton style={{ marginTop: 40 }} />
 
+      <FaucetButton />
+
       <Section title="Quests">
         <FullWidthSeparator />
         <View style={{ marginTop: 20 }}>
@@ -68,6 +75,45 @@ const ConnectedIntro: React.FC = () => {
   );
 };
 
+const FaucetButton: React.FC = () => {
+  const selectedWallet = useSelectedWallet();
+  const network = getNetwork(selectedWallet?.networkId);
+  const { wrapWithFeedback } = useFeedbacks();
+  if (
+    network?.kind !== NetworkKind.Gno ||
+    !network.faucetURL ||
+    !selectedWallet
+  ) {
+    return null;
+  }
+  return (
+    <>
+      <SpacerColumn size={4} />
+      <PrimaryButton
+        text="Get test tokens"
+        loader
+        onPress={wrapWithFeedback(
+          async () => {
+            if (!network.faucetURL) {
+              throw new Error("No faucet for this network");
+            }
+            const res = await axios.get(
+              network.faucetURL.replace("$addr", selectedWallet.address)
+            );
+            if (res.status !== 200 || res.data !== "faucet success") {
+              throw new Error(res.data || "Unexpected error");
+            }
+          },
+          {
+            title: "Success",
+            message: "500 GNOTs have been sent to your address",
+          }
+        )}
+      />
+    </>
+  );
+};
+
 const DisconnectedIntro: React.FC = () => {
   return (
     <View

packages/networks/gno-teritori/index.ts

@@ -35,4 +35,5 @@ export const gnoTeritoriNetwork: GnoNetworkInfo = {
   daoInterfacesPkgPath: "gno.land/p/demo/teritori/dao_interfaces_v5",
   daoCorePkgPath: "gno.land/p/demo/teritori/dao_core_v4",
   gnowebURL: "https://testnet.gno.teritori.com",
+  faucetURL: "https://testnet.gno.teritori.com:5050/?toaddr=$addr",
 };

packages/networks/types.ts

@@ -95,6 +95,7 @@ export type GnoNetworkInfo = NetworkInfoBase & {
   daoInterfacesPkgPath?: string;
   daoCorePkgPath?: string;
   groupsPkgPath?: string;
+  faucetURL?: string;
 };
 
 export type NetworkInfo =