feat(event): Winter Wonderland 2021 and Gift-One-Get-One Promotion

website/client/src/components/inventory/stable/index.vue

@@ -9,7 +9,7 @@
         <div slot="header">
           <div
             id="npmMattStable"
-            class="npc_matt"
+            :class="mattClass"
           ></div>
           <b-popover
             triggers="hover"
@@ -530,6 +530,7 @@ export default {
       currentMount: 'user.data.items.currentMount',
       userItems: 'user.data.items',
       user: 'user.data',
+      currentEvent: 'worldState.data.currentEvent',
     }),
     petGroups () {
       const petGroups = [
@@ -644,6 +645,10 @@ export default {
     anyFilterSelected () {
       return Object.values(this.viewOptions).some(g => g.selected);
     },
+    mattClass () {
+      if (!this.currentEvent || !this.currentEvent.season) return 'npc_matt';
+      return `npc_matt npc_matt_${this.currentEvent.season}`;
+    },
   },
   watch: {
     searchText: _throttle(function throttleSearch () {

website/client/src/components/inventory/stable/welcomeModal.vue

@@ -8,7 +8,7 @@
     @hide="hideFlag()"
   >
     <div class="content">
-      <div class="npc_matt"></div><h1
+      <div :class="mattClass"></div><h1
         v-once
         class="page-header"
       >
@@ -63,7 +63,12 @@ export default {
   computed: {
     ...mapState({
       hideDialog: 'user.data.flags.tutorial.common.mounts',
+      currentEvent: 'worldState.data.currentEvent',
     }),
+    mattClass () {
+      if (!this.currentEvent || !this.currentEvent.season) return 'npc_matt';
+      return `npc_matt npc_matt_${this.currentEvent.season}`;
+    },
   },
   methods: {
     hideFlag () {