From a44418c4fa510a30e0224fa94fc9c997498a4027 Mon Sep 17 00:00:00 2001
From: Sabe Jones <sabe@habitica.com>
Date: Wed, 5 Jun 2024 08:14:13 -0500
Subject: [PATCH] fix(backgrounds): correct event and tt loading

---
 website/client/src/components/creatorIntro.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/website/client/src/components/creatorIntro.vue b/website/client/src/components/creatorIntro.vue
index ddfbe4fba9..2dada27683 100644
--- a/website/client/src/components/creatorIntro.vue
+++ b/website/client/src/components/creatorIntro.vue
@@ -207,13 +207,13 @@
           <div
             class="row justify-content-center title-row mb-3"
           >
-            <strong>{{ allBackgrounds.eventBackgrounds.text }}</strong>
+            <strong>{{ $t('eventBackgrounds') }}</strong>
           </div>
           <div
             class="background-row d-flex justify-content-center mb-4"
           >
             <div
-              v-for="bg in allBackgrounds.eventBackgrounds.items"
+              v-for="bg in eventBackgrounds"
               :id="bg.key"
               :key="bg.key"
               class="background-item"
@@ -1030,6 +1030,7 @@ export default {
     return {
       loading: false,
       allBackgrounds: content.backgroundsFlat,
+      eventBackgrounds: [],
       monthlyBackgrounds: [],
       standardBackgrounds: [],
       standardBackgroundMax: 1,
@@ -1097,16 +1098,20 @@ export default {
       this.$root.$emit('bv::hide::modal', 'avatar-modal');
     },
     updateBackgrounds () {
+      this.eventBackgrounds = [];
       this.monthlyBackgrounds = [];
       this.standardBackgrounds = [
         { key: '', notes: () => this.$t('noBackground') },
       ];
+      this.timeTravelBackgrounds = [];
       forEach(this.allBackgrounds, bg => {
         if (bg.set === 'incentiveBackgrounds') {
           this.standardBackgroundMax += 1;
         }
         if (this.user.purchased.background[bg.key]) {
-          if (bg.set === 'incentiveBackgrounds') {
+          if (bg.set === 'eventBackgrounds') {
+            this.eventBackgrounds.push(bg);
+          } else if (bg.set === 'incentiveBackgrounds') {
             this.standardBackgrounds.push(bg);
           } else if (bg.set === 'timeTravelBackgrounds') {
             this.timeTravelBackgrounds.push(bg);