Merge pull request #16 from ardriveapp/share-credit-page

feat(share credits): init credit sharing UI MVP

package.json

@@ -1,6 +1,6 @@
 {
   "name": "turbo-app",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "description": "ArDrive Turbo App",
   "homepage": "./",
@@ -19,7 +19,7 @@
     "test": "echo \"TODO: add tests\" && exit 0"
   },
   "dependencies": {
-    "@ardrive/turbo-sdk": "1.19.0",
+    "@ardrive/turbo-sdk": "1.20.2",
     "@solana/web3.js": "^1.95.3",
     "ethers": "^6.13.3",
     "react": "^18.2.0",

src/Router.tsx

@@ -4,6 +4,7 @@ import { RedeemPage } from "./pages/RedeemPage";
 import { FiatTopUpPage } from "./pages/FiatTopUpPage";
 import { CryptoTopUpPage } from "./pages/CryptoTopUpPage";
 import { UploadPage } from "./pages/UploadPage";
+import { ShareCreditsPage } from "./pages/ShareCreditPage";
 
 export function Router() {
   return (
@@ -15,6 +16,7 @@ export function Router() {
         <Route path="/top-up/fiat" element={<FiatTopUpPage />} />
         <Route path="/top-up/crypto" element={<CryptoTopUpPage />} />
         <Route path="/upload" element={<UploadPage />} />
+        <Route path="/share-credits" element={<ShareCreditsPage />} />
 
         <Route
           path="/"

src/components/TurboWalletConnector.tsx

@@ -55,8 +55,11 @@ export default function TurboWalletConnector({
           TurboFactory.authenticated({
             token: "ethereum",
             walletAdapter: {
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore -- ethers.signer types are mismatched
               getSigner: () => signer,
             },
+            ...turboConfig,
           }),
         );
 
@@ -89,6 +92,7 @@ export default function TurboWalletConnector({
           TurboFactory.authenticated({
             token: "solana",
             walletAdapter: wallet,
+            ...turboConfig,
           }),
         );
         setCurrentToken("solana");

src/constants.ts

@@ -1,11 +1,17 @@
-export const paymentServiceUrl =
-  import.meta.env.PROD === true
-    ? "https://payment.ardrive.io"
-    : "http://localhost:3000";
+import { TurboUnauthenticatedConfiguration } from "@ardrive/turbo-sdk";
+
+const isProd = import.meta.env.PROD === true;
+export const paymentServiceUrl = isProd
+  ? "https://payment.ardrive.io"
+  : "https://payment.ardrive.dev";
+export const uploadServiceUrl = isProd
+  ? "https://upload.ardrive.io"
+  : "https://upload.ardrive.dev";
 export const termsOfServiceUrl = "https://ardrive.io/tos-and-privacy/";
 export const defaultUSDAmount = 10.0;
-export const turboConfig = {
+export const turboConfig: TurboUnauthenticatedConfiguration = {
   paymentServiceConfig: { url: paymentServiceUrl },
+  uploadServiceConfig: { url: uploadServiceUrl },
 };
 export const wincPerCredit = 1_000_000_000_000;
 export const defaultDebounceMs = 500;

src/pages/CryptoTopUpPage.tsx

@@ -78,7 +78,7 @@ function CryptoTopUpForm({ errorCallback }: ErrMsgCallbackAsProps) {
       .topUpWithTokens({ tokenAmount: ARToTokenAmount(arAmount) })
 
       .catch((err: unknown) => {
-        console.log("err", err);
+        console.error("err", err);
         errorCallback(
           `Error topping up: ${err instanceof Error ? err.message : err}`,
         );