feat(wallet): Eagerly show pending state for approved offers (#3846)

Agoric · Sep 21, 2021 · 20abcbe · 20abcbe
1 parent a3306d0
commit 20abcbe
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/dapp-svelte-wallet/ui/src/TransactionV2.svelte b/packages/dapp-svelte-wallet/ui/src/TransactionV2.svelte
@@ -12,6 +12,8 @@
   export let item;
   export let dismiss;
 
+  let isPending = false;
+
   function formatDateNow(stamp) {
     if (!stamp) {
       return "unknown time";
@@ -58,6 +60,11 @@
     complete: "success",
   };
 
+  const accept = () => {
+    isPending = true;
+    E(walletP).acceptOffer(offerId).catch(makeRejected('Cannot accept'));
+  }
+
   $: ({
     instancePetname,
     instanceHandleBoardId,
@@ -68,7 +75,7 @@
     proposalForDisplay: { give = {}, want = {} } = {},
   } = item);
 
-  $: status = item.status || 'proposed';
+  $: status = item.status || (isPending ? 'pending' : 'proposed');
 </script>
 
 <style>
@@ -201,8 +208,7 @@
     {/if}
     {#if status === 'proposed'}
     <div>
-    <Chip on:click={() =>
-      E(walletP).acceptOffer(offerId).catch(makeRejected('Cannot accept'))}
+    <Chip on:click={accept}
       selected icon="check" color="success">
       Accept
     </Chip>