From ac763a5c54ed39e7bb30b519ce3c60ffc4f0424d Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Thu, 21 Sep 2017 14:42:46 -0700
Subject: [PATCH] Twitter: Add rule name to each schedule box

---
 .../screenshots/schedules/ScheduleBox.vue         | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/js/components/screenshots/schedules/ScheduleBox.vue b/src/js/components/screenshots/schedules/ScheduleBox.vue
index a740b37..b3ccb54 100644
--- a/src/js/components/screenshots/schedules/ScheduleBox.vue
+++ b/src/js/components/screenshots/schedules/ScheduleBox.vue
@@ -1,6 +1,19 @@
 <template>
     <div v-if="schedule">
-        <h3 class="title is-3 font-splatoon1 has-text-centered">{{ schedule.game_mode.name }}</h3>
+        <h3 class="title is-3 font-splatoon1 has-text-centered">
+            {{ schedule.game_mode.name }}
+        </h3>
+
+        <h5 class="subtitle is-4 font-splatoon2 has-text-centered" style="margin-top: -1rem">
+            <div class="image is-32x32" style="margin-bottom: -8px; display: inline-block">
+                <img v-if="schedule.game_mode.key == 'regular'" src="~@/img/battle-regular.png" />
+                <img v-if="schedule.game_mode.key == 'gachi'" src="~@/img/battle-ranked.png" />
+                <img v-if="schedule.game_mode.key == 'league'" src="~@/img/battle-league.png" />
+            </div>
+
+            {{ schedule.rule.name }}
+        </h5>
+
         <Stage :stage="schedule.stage_a"></Stage>
         <Stage :stage="schedule.stage_b"></Stage>
     </div>