diff --git a/src/assets/images/branding/logo-christmas.svg b/src/assets/images/branding/logo-christmas.svg new file mode 100644 index 000000000..2bfe0401a --- /dev/null +++ b/src/assets/images/branding/logo-christmas.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue index e874f7dca..584fbb3c9 100644 --- a/src/components/NavBar.vue +++ b/src/components/NavBar.vue @@ -8,7 +8,7 @@ >
@@ -92,9 +92,22 @@ export default defineComponent({ emits: ['openPlan', 'openTools', 'toggleRequirementsMobile', 'openProfile'], data() { return { + logo: 'src/assets/images/branding/logo.svg', + christmasLogo: 'src/assets/images/branding/logo-christmas.svg', menuOpen: false, }; }, + computed: { + displayedLogo() { + const currentDate = new Date(); + const currentMonth = currentDate.getMonth() + 1; + + if (currentMonth === 12) { + return this.christmasLogo; + } + return this.logo; + }, + }, methods: { logout() { GTagEvent(this.$gtag, 'logout');