Merge pull request #735 from jayteemoney/fix/support-panel-form-and-albedo-wallet

fix: SupportPanel form reset + Albedo wallet network compatibility

Author: OlaGreat

frontend/src/components/support-panel.tsx

@@ -82,6 +82,10 @@ export function SupportPanel({
   const [frequency, setFrequency] = useState<"weekly" | "monthly">("monthly");
   const [sending, setSending] = useState(false);
   const [txHash, setTxHash] = useState<string | null>(null);
+  // Values captured at submit time so the result modal can keep displaying them
+  // after the live form fields are cleared (#708).
+  const [submittedAmount, setSubmittedAmount] = useState("");
+  const [submittedMessage, setSubmittedMessage] = useState("");
   const { showToast } = useToast();
 
   const handleCopy = useCallback(async () => {
@@ -163,6 +167,13 @@ export function SupportPanel({
       ) as Transaction | FeeBumpTransaction;
       const result = await horizonServer.submitTransaction(tx);
       setTxHash(result.hash);
+      // Snapshot the submitted values so the result modal keeps showing them,
+      // then clear the form fields. This prevents the user from accidentally
+      // re-sending the same amount/message once the modal closes (#708).
+      setSubmittedAmount(amount);
+      setSubmittedMessage(message);
+      setAmount("");
+      setMessage("");
 
       if (isRecurring && profileId) {
         await apiFetch(`${API_BASE_URL}/api/v1/recurring-support`, {
@@ -664,10 +675,10 @@ export function SupportPanel({
 
       <TransactionResultModal
         txHash={txHash}
-        amount={amount}
+        amount={submittedAmount}
         assetCode={paymentAsset.code || "XLM"}
         recipientDisplayName={recipientDisplayName}
-        note={message || null}
+        note={submittedMessage || null}
         isOpen={txHash !== null}
         onClose={() => setTxHash(null)}
       />

frontend/src/lib/wallet-adapters.ts

@@ -3,6 +3,8 @@
  * Provides a consistent interface across Freighter, Albedo, and Lobstr.
  */
 
+import { Networks } from "@stellar/stellar-sdk";
+
 export type WalletId = "freighter" | "albedo" | "lobstr";
 
 export type WalletErrorCode =
@@ -113,7 +115,11 @@ const albedoAdapter: WalletAdapter = {
   async signTransaction(xdr, { networkPassphrase }) {
     const albedo = (window as any).albedo;
     if (!albedo) throw new WalletError("Albedo extension not found.", "NOT_FOUND");
-    const result = await albedo.tx({ xdr, network: networkPassphrase });
+    // Albedo's tx() expects the shorthand "public" | "testnet", not the full
+    // network passphrase. Passing the passphrase makes every sign fail (#707).
+    const network =
+      networkPassphrase === Networks.PUBLIC ? "public" : "testnet";
+    const result = await albedo.tx({ xdr, network });
     if (!result?.signed_envelope_xdr)
       throw new WalletError("Albedo did not return a signed transaction.", "SIGNING_FAILED");
     return result.signed_envelope_xdr;