From 4b8fd34bba2e086e9ee66177c3b1324308644b3f Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Thu, 11 Jun 2026 00:47:42 +0200
Subject: [PATCH] feat(events): surface brand name in page header + bump logo
 size
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The events page H1 had `{{ t('events.title') }}` which is hardcoded
"Events" in the i18n locale — so cfaun's events standalone showed
"Events" instead of the configured displayName "Oyez!".

Read import.meta.env.VITE_APP_NAME (set by vite.events.config.ts from
brand.name → brandManifestName()) and fall back to the i18n title
when no brand is configured. Now:
- aiolabs default → "Events"
- cfaun → "Oyez!"
- any other deployment → its synthesized brand name

Also bumps the inline logo from h-7/sm:h-8 to h-10/sm:h-12 for more
header presence per cfaun feedback.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/modules/events/views/EventsPage.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/modules/events/views/EventsPage.vue b/src/modules/events/views/EventsPage.vue
index 7760087..39af9bd 100644
--- a/src/modules/events/views/EventsPage.vue
+++ b/src/modules/events/views/EventsPage.vue
@@ -10,6 +10,11 @@ import {
 } from '@/components/ui/collapsible'
 import { SlidersHorizontal, CalendarDays, Plus } from 'lucide-vue-next'
 import brandAppLogoUrl from '@brand-app-logo?url'
+// Brand name flows through VITE_APP_NAME (set in vite.events.config.ts
+// from brand.name). cfaun → "Oyez!", default → "Events", etc. Falls
+// back to the i18n string only when no brand is configured (shouldn't
+// happen in production builds, but defensive).
+const appName: string = (import.meta.env.VITE_APP_NAME as string) || ''
 import { useEvents } from '../composables/useEvents'
 import { useEventsStore } from '../stores/events'
 import EventSearchOverlay from '../components/EventSearchOverlay.vue'
@@ -83,10 +88,10 @@ function openCalendar() {
     <h1 class="mb-3 flex items-center gap-2 text-xl sm:text-2xl font-bold text-foreground">
       <img
         :src="brandAppLogoUrl"
-        :alt="t('events.title')"
-        class="h-7 w-7 sm:h-8 sm:w-8 shrink-0"
+        :alt="appName || t('events.title')"
+        class="h-10 w-10 sm:h-12 sm:w-12 shrink-0"
       />
-      {{ t('events.title') }}
+      {{ appName || t('events.title') }}
     </h1>
 
     <!-- Search with dropdown overlay -->