fix: maxAmount, returnTo

echo_handlers.go

@@ -6,7 +6,6 @@ import (
 	"fmt"
 	"net/http"
 	"net/url"
-	"strconv"
 	"strings"
 	"time"
 
@@ -268,7 +267,7 @@ func (svc *Service) AppsCreateHandler(c echo.Context) error {
 		}
 	}
 	app := App{Name: name, NostrPubkey: pairingPublicKey}
-	maxAmount, _ := strconv.Atoi(requestData.MaxAmount)
+	maxAmount := requestData.MaxAmount
 	budgetRenewal := requestData.BudgetRenewal
 
 	expiresAt := time.Time{}

frontend/src/screens/apps/AppCreated.tsx

@@ -33,6 +33,7 @@ export default function AppCreated() {
     }
   }, []);
 
+  // TODO: use a modal library instead of doing this manually
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
       if (

frontend/src/screens/apps/NewApp.tsx

@@ -48,7 +48,6 @@ const NewApp = () => {
     ? budgetRenewalParam
     : "monthly";
 
-  // returns RequestMethod Set
   const parseRequestMethods = (reqParam: string): Set<RequestMethodType> => {
     const methods = reqParam
       ? reqParam.split(" ")
@@ -123,17 +122,22 @@ const NewApp = () => {
         },
         body: JSON.stringify({
           name: appName,
-          pubkey: pubkey,
-          maxAmount: maxAmount.toString(),
-          budgetRenewal: budgetRenewal,
-          expiresAt: expiresAt,
+          pubkey,
+          maxAmount,
+          budgetRenewal,
+          expiresAt,
           requestMethods: [...requestMethods].join(" "),
           returnTo: returnTo,
         }),
       });
       await validateFetchResponse(response);
 
       const createAppResponse: CreateAppResponse = await response.json();
+      if (createAppResponse.returnTo) {
+        // open connection URI directly in an app
+        window.location.href = createAppResponse.returnTo;
+        return;
+      }
       navigate("/apps/created", {
         state: createAppResponse,
       });
@@ -211,18 +215,16 @@ const NewApp = () => {
 
           <div className="mb-6">
             <ul className="flex flex-col w-full">
-              {Object.keys(nip47MethodDescriptions).map((rm, index) => {
-                const RequestMethodIcon = iconMap[rm as RequestMethodType];
+              {(
+                Object.keys(nip47MethodDescriptions) as RequestMethodType[]
+              ).map((rm, index) => {
+                const RequestMethodIcon = iconMap[rm];
                 return (
                   <li
                     key={index}
                     className={`w-full ${
                       rm == "pay_invoice" ? "order-last" : ""
-                    } ${
-                      !edit && !requestMethods.has(rm as RequestMethodType)
-                        ? "hidden"
-                        : ""
-                    }`}
+                    } ${!edit && !requestMethods.has(rm) ? "hidden" : ""}`}
                   >
                     <div className="flex items-center mb-2">
                       {RequestMethodIcon && (

models/api/api.go

@@ -25,7 +25,7 @@ type ListAppsResponse struct {
 type CreateAppRequest struct {
 	Name           string `json:"name"`
 	Pubkey         string `json:"pubkey"`
-	MaxAmount      string `json:"maxAmount"`
+	MaxAmount      int    `json:"maxAmount"`
 	BudgetRenewal  string `json:"budgetRenewal"`
 	ExpiresAt      string `json:"expiresAt"`
 	RequestMethods string `json:"requestMethods"`