From a17ee37819d84ad6ebd58cd46dbd9952960696c8 Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Sun, 27 Sep 2026 17:54:06 -0700
Subject: [PATCH] Show weekdays for battle rotations starting after today

---
 src/common/i18n.mjs            |  1 +
 src/components/ScheduleRow.vue | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/src/common/i18n.mjs b/src/common/i18n.mjs
index d16a264..225ab2b 100644
--- a/src/common/i18n.mjs
+++ b/src/common/i18n.mjs
@@ -50,6 +50,7 @@ export const regionalLocales = {
 export const defaultLocale = locales.find(l => l.code === 'en-US');
 
 const datetimeFormats = {
+  weekday: { weekday: 'short' },
   dateTimeShort: { month: 'numeric', day: 'numeric', hour: 'numeric', minute: '2-digit' },
   dateTimeShortWeekday: { month: 'numeric', weekday: 'short', day: 'numeric', hour: 'numeric', minute: '2-digit' },
   time: { hour: 'numeric', minute: '2-digit' },
diff --git a/src/components/ScheduleRow.vue b/src/components/ScheduleRow.vue
index 18a9f25..ded6803 100644
--- a/src/components/ScheduleRow.vue
+++ b/src/components/ScheduleRow.vue
@@ -14,6 +14,9 @@
           </div>
 
           <div class="text-xs text-zinc-300">
+            <template v-if="startsAfterToday">
+              {{ $d(props.schedule.startTime, 'weekday') }}
+            </template>
             {{ $d(props.schedule.startTime, 'time') }}
             &ndash;
             {{ $d(props.schedule.endTime, 'time') }}
@@ -46,6 +49,9 @@
             </div>
 
             <div class="text-sm text-zinc-300 text-shadow">
+              <template v-if="startsAfterToday">
+                {{ $d(props.schedule.startTime, 'weekday') }}
+              </template>
               {{ $d(props.schedule.startTime, 'time') }}
               &ndash;
               {{ $d(props.schedule.endTime, 'time') }}
@@ -84,6 +90,7 @@
 </template>
 
 <script setup>
+import { computed } from 'vue';
 import StageImage from './StageImage.vue';
 import RuleIcon from './RuleIcon.vue';
 import SkeletonBlock from './loading/SkeletonBlock.vue';
@@ -96,4 +103,11 @@ const props = defineProps({
 });
 
 const time = useTimeStore();
+
+const startsAfterToday = computed(() => {
+  const tomorrow = new Date(time.now);
+  tomorrow.setHours(24, 0, 0, 0);
+
+  return props.schedule && Date.parse(props.schedule.startTime) >= tomorrow.getTime();
+});
 </script>