From 8c7bf0e1903c8c1e4c72fbfc5ad62f4a5176a469 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 7 Jun 2023 18:26:23 -0700
Subject: [PATCH] refactor: callback feedback

---
 components/UserProfile/CallbackFeedback.vue | 18 ++++++++++++++++++
 store/callback.ts                           |  4 +---
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/components/UserProfile/CallbackFeedback.vue b/components/UserProfile/CallbackFeedback.vue
index 73418af73..3b8cee08b 100644
--- a/components/UserProfile/CallbackFeedback.vue
+++ b/components/UserProfile/CallbackFeedback.vue
@@ -2,6 +2,7 @@
 import { storeToRefs } from 'pinia';
 import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
+import { useAccountStore } from '~/store/account';
 import { useCallbackStore } from '~/store/callback';
 import { useInstallKeyStore } from '~/store/installKey';
 
@@ -13,8 +14,13 @@ withDefaults(defineProps<Props>(), {
   open: false,
 });
 
+const accountStore = useAccountStore();
 const callbackStore = useCallbackStore();
+const installKeyStore = useInstallKeyStore();
+
+const { updating, updateSuccess } = storeToRefs(accountStore);
 const { callbackLoading, decryptedData } = storeToRefs(callbackStore);
+const { installing, success } = storeToRefs(installKeyStore);
 
 const close = () => {
   if (callbackLoading.value) return console.debug('[close] not allowed');
@@ -37,6 +43,18 @@ const close = () => {
       <BrandLoading v-if="callbackLoading" class="w-90px mx-auto" />
       <pre class="text-left text-black p-8px w-full overflow-scroll bg-gray-400">{{ JSON.stringify(decryptedData, null, 2) }}</pre>
 
+      <p v-if="installing">Installing License Key</p>
+      <template v-if="(typeof success !== undefined)">
+        <p v-if="success">Installed License Key</p>
+        <p v-else>License Key Install Failed</p>
+      </template>
+
+      <p v-if="updating">Account Connect</p>
+      <template v-if="(typeof success !== undefined)">
+        <p v-if="success">Connect config updated with your account</p>
+        <p v-else>Connect config failed to update</p>
+      </template>
+
       <div v-if="!callbackLoading" class="w-full max-w-xs flex flex-col gap-y-16px mx-auto">
         <button
           @click="close"
diff --git a/store/callback.ts b/store/callback.ts
index 659d1fb79..b046527ff 100644
--- a/store/callback.ts
+++ b/store/callback.ts
@@ -77,9 +77,7 @@ export const useCallbackStore = defineStore('callback', () => {
       // all actions have run
       if (array.length === (index + 1)) {
         console.debug('[actions] DONE');
-        setTimeout(() => {
-          callbackLoading.value = false;
-        }, 5000);
+        callbackLoading.value = false;
       }
     });
   };