From 1ec226c2d74f4c0f62e8d7f1d9bd3a64ae55f56c Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Sat, 25 Jan 2025 21:50:38 +0100
Subject: [PATCH] refactor(CurrentChallenge): display category tag

---
 src/views/CurrentChallenge.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/CurrentChallenge.vue b/src/views/CurrentChallenge.vue
index 268a97d0df7..0259b77907a 100644
--- a/src/views/CurrentChallenge.vue
+++ b/src/views/CurrentChallenge.vue
@@ -8,6 +8,9 @@
       <p class="mb-2">
         {{ $t('Challenge.Subtitle', {challenge_title: `${challenge.icon} ${challenge.title} ${challenge.icon}`, challenge_subtitle: challenge.subtitle}) }}
       </p>
+      <p v-if="challenge.categories.length">
+        <CategoryTagChip v-for="category in challenge.categories" :key="category" :category="{id: category, name: category}" />
+      </p>
     </v-col>
     <v-col cols="12" md="6">
       <ChallengeTimeline :challenge="challenge" />
@@ -43,10 +46,11 @@ import { useAppStore } from '../store'
 
 export default {
   components: {
-    PriceCard: defineAsyncComponent(() => import('../components/PriceCard.vue')),
+    CategoryTagChip: defineAsyncComponent(() => import('../components/CategoryTagChip.vue')),
     ChallengeTimeline: defineAsyncComponent(() => import('../components/ChallengeTimeline.vue')),
     ChallengeTakePicturesCard: defineAsyncComponent(() => import('../components/ChallengeTakePicturesCard.vue')),
     ChallengeValidateCard: defineAsyncComponent(() => import('../components/ChallengeValidateCard.vue')),
+    PriceCard: defineAsyncComponent(() => import('../components/PriceCard.vue')),
   },
   data() {
     return {