Simplet POAP (status fix)

Author: urko94

frontend/components/parts/poap/Poap.vue

@@ -17,7 +17,7 @@
     <div class="card-light relative">
       <div class="flex gap-4 items-center mb-4">
         <h5>Your PoAP</h5>
-        <LazyPoapStatus v-if="poapStatus !== null" :key="poapStatus" :status="poapStatus" />
+        <PoapStats :status="poapStatus" />
       </div>
 
       <div class="flex flex-col lg:flex-row items-center justify-between gap-y-4 gap-x-8">

…end/components/parts/poap/PoapStatus.vue frontend/components/parts/poap/Stats.vuefrontend/components/parts/poap/PoapStatus.vue renamed to frontend/components/parts/poap/Stats.vue frontend/components/parts/poap/PoapStatus.vue renamed to frontend/components/parts/poap/Stats.vue

@@ -1,5 +1,5 @@
 <template>
-  <Tag :type="getPoapStatus(status)">
+  <Tag v-if="status !== null" :type="getPoapStatus(status)">
     <span class="first-letter:uppercase leading-normal">
       <slot>
         <template v-if="status === PoapStatus.WAITING">Waiting</template>
@@ -14,7 +14,7 @@
 import { PoapStatus } from '~/lib/values/general.values';
 
 defineProps({
-  status: { type: Number, default: PoapStatus.IN_PROGRESS },
+  status: { type: Number, default: null },
 });
 
 /** Poap status */