Await dynamic component instead

thinkst · Jul 4, 2024 · c576cf5 · c576cf5
1 parent 301e915
commit c576cf5
Showing 1 changed file with 3 additions and 8 deletions.
diff --git a/frontend_vue/src/components/ModalContentActivatedToken.vue b/frontend_vue/src/components/ModalContentActivatedToken.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="relative">
-    <component
-      :is=tokenIcon
+    <TokenIcon
       :title="tokenServices[tokenType].label"
       :logo-img-url="tokenServices[tokenType].icon"
       class="w-[6rem] pb-16"
@@ -43,20 +42,16 @@ const props = defineProps<{
 defineEmits(['howToUse']);
 
 const dynamicComponent = shallowRef();
-const tokenIcon = shallowRef();
 
 const tokenType = props.newTokenResponse.token_type;
 
 async function loadComponent() {
   dynamicComponent.value = defineAsyncComponent(
     () => import(`@/components/tokens/${tokenType}/ActivatedToken.vue`)
   );
-  tokenIcon.value = defineAsyncComponent(
-    () => import(`@/components/icons/TokenIcon.vue`)
-  );
+  //  Wait for the dynamic component to load before firing the confetti
+  await dynamicComponent.value.__asyncLoader();
 
-  // Wait for the token icon to load before firing the confetti
-  await tokenIcon.value.__asyncLoader();
   launchConfetti(tokenType)
 }