From 783b2ed7b4e62c83b64feea0f1fddf6705437aa2 Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Fri, 2 Mar 2018 18:46:49 -0800
Subject: [PATCH] Display a message in the "previous Splatfests" dialog when
 results aren't available yet

---
 src/js/components/splatoon/SplatfestHistoryDialog.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/js/components/splatoon/SplatfestHistoryDialog.vue b/src/js/components/splatoon/SplatfestHistoryDialog.vue
index 4cc175b..0b01801 100644
--- a/src/js/components/splatoon/SplatfestHistoryDialog.vue
+++ b/src/js/components/splatoon/SplatfestHistoryDialog.vue
@@ -40,6 +40,10 @@
                                     :results="info.results"
                                     :historyMode="true"
                                     />
+
+                                <div v-else-if="info.festival.times.result > now" class="has-text-centered font-splatoon2 is-size-5">
+                                    {{ info.festival.times.result - now | duration | resultsIn }}
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -50,6 +54,7 @@
 </template>
 
 <script>
+import Vue from 'vue';
 import analytics from '@/js/analytics';
 import regions from '@/js/regions';
 import Modal from '@/js/components/Modal.vue';
@@ -60,6 +65,11 @@ import SplatfestResultsBox from './SplatfestResultsBox.vue';
 export default {
     components: { Modal, Dropdown, SplatfestBox, SplatfestResultsBox },
     props: ['allFestivals', 'now', 'initialRegion'],
+    filters: {
+        resultsIn(time) {
+            return Vue.i18n.translate('splatfest.results_in', { time });
+        },
+    },
     data() {
         return {
             region: 'na',