fix successive zap timing issues?

components/invoice.js

@@ -238,6 +238,7 @@ export const useInvoiceable = (onSubmit, options = defaultOptions) => {
     }
 
     // if no cost is passed, just try the action first
+    cost ??= formValues.amount
     if (!cost || (me && !options.forceInvoice)) {
       try {
         return await onSubmit(formValues, ...submitArgs)

components/upvote.js

@@ -162,23 +162,21 @@ export default function UpVote ({ item, className, pendingSats, setPendingSats }
   const zap = useDebounceCallback(async (sats) => {
     if (!sats) return
     const variables = { id: item.id, sats }
-    try {
+    act({
-      setPendingSats(0)
+      variables,
-      await act({
+      optimisticResponse: {
-        variables,
+        act: {
-        optimisticResponse: {
+          sats
-          act: {
-            sats
-          }
         }
-      })
+      }
-    } catch (error) {
+    }).catch((error) => {
       if (payOrLoginError(error)) {
         showInvoiceModal({ amount: sats }, { variables })
         return
       }
-      throw new Error({ message: error.toString() })
+      console.error(error)
-    }
+    })
+    setPendingSats(0)
   }, 500, [act, item?.id, showInvoiceModal, setPendingSats])
 
   const disabled = useMemo(() => item?.mine || item?.meForward || item?.deletedAt,