From 5bd06bbfe92dddd1ef84ae33c281687c379c924f Mon Sep 17 00:00:00 2001
From: Claire Olmstead <olmsteadclaire@gmail.com>
Date: Thu, 14 Mar 2024 21:33:57 -0700
Subject: [PATCH] become a provider in progress

---
 src/components/BecomeAProvider.svelte |  1 +
 src/components/CreateMsa.svelte       | 25 +++++++++++++++++--------
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/BecomeAProvider.svelte b/src/components/BecomeAProvider.svelte
index a22bd96..c7d7cc6 100644
--- a/src/components/BecomeAProvider.svelte
+++ b/src/components/BecomeAProvider.svelte
@@ -7,6 +7,7 @@
   import CreateProvider from './CreateProvider.svelte';
   import EmailProviderRequest from './EmailProviderRequest.svelte';
   import { pageContent } from '$lib/stores/pageContentStore';
+  import ActivityLogPreview from './ActivityLogPreview.svelte';
 
   let newUser: Account | undefined;
 
diff --git a/src/components/CreateMsa.svelte b/src/components/CreateMsa.svelte
index 3685d17..7eb8dbf 100644
--- a/src/components/CreateMsa.svelte
+++ b/src/components/CreateMsa.svelte
@@ -1,25 +1,31 @@
 <script lang="ts">
-  import type { web3Enable, web3FromSource } from '@polkadot/extension-dapp';
   import { dotApi } from '$lib/stores';
-  import type { MsaInfo } from '$lib/storeTypes';
+  import { TxnStatus, type Activity, type MsaInfo } from '$lib/storeTypes';
   import type { ApiPromise } from '@polkadot/api';
   import { getExtension } from '$lib/utils';
   import { submitCreateMsa } from '$lib/connections';
-  import TransactionStatus from '$components/TransactionStatus.svelte';
   import { user } from '$lib/stores/userStore';
   import { getMsaInfo } from '$lib/polkadotApi';
   import { pageContent } from '$lib/stores/pageContentStore';
   import LoadingIcon from '$lib/assets/LoadingIcon.svelte';
+  import ActivityLogPreviewItem from './ActivityLogPreviewItem.svelte';
+  import { activityLog } from '$lib/stores/activityLogStore';
 
   export let updateUser: () => void;
-  export let txnStatuses: Array<string> = [];
   // a callback for when the user cancels this action
   export let cancelAction = () => {
     pageContent.login();
   };
+
+  let recentActivityItem: Activity;
+  $: {
+    if (isInProgress) recentActivityItem = $activityLog[0];
+  }
+  let isInProgress = false;
+
   // a callback for when a transaction hits a final state
   // TODO
-  let createMsaTxnFinished = async (succeeded: boolean, txnId: string) => {
+  let createMsaTxnFinished = async (succeeded: boolean) => {
     if (succeeded) {
       const apiPromise = $dotApi.api as ApiPromise;
       const msaInfo: MsaInfo = await getMsaInfo(apiPromise, $user.address);
@@ -34,7 +40,7 @@
 
     isInProgress = true;
     await submitCreateMsa($dotApi.api, await getExtension($user), $user);
-    // createMsaTxnFinished()
+    await createMsaTxnFinished(recentActivityItem.txnStatus === TxnStatus.SUCCESS);
   };
 </script>
 
@@ -50,8 +56,11 @@
         <LoadingIcon />
       {:else}
         Create an MSA
-      {/if}</button
-    >
+      {/if}
+    </button>
     <button on:click|preventDefault={cancelAction} class="btn-no-fill">Cancel</button>
   </form>
 </div>
+{#if recentActivityItem}
+  <ActivityLogPreviewItem activity={recentActivityItem} />
+{/if}