feat(events): add timezone tooltip. Clarifies HELP-968 (#277)

* feat(events): add timezone tooltip * chore: use component
AEGEE · Mar 14, 2020 · 5620eab · 5620eab
1 parent 28c5352
commit 5620eab
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/components/tooltips/TimezoneTooltip.vue b/src/components/tooltips/TimezoneTooltip.vue
@@ -0,0 +1,3 @@
+<template>
+  <tooltip text="The date and time are in your local timezone"></tooltip>
+</template>
diff --git a/src/views/events/Single.vue b/src/views/events/Single.vue
@@ -107,19 +107,19 @@
                   <td>{{ event.application_status | capitalize }}</td>
                 </tr>
                 <tr>
-                  <th>Application period starts</th>
+                  <th>Application period starts <timezone-tooltip /></th>
                   <td>{{ event.application_starts | datetime }}</td>
                 </tr>
                 <tr>
-                  <th>Application period ends</th>
+                  <th>Application period ends <timezone-tooltip /></th>
                   <td>{{ event.application_ends | datetime }}</td>
                 </tr>
                 <tr>
-                  <th>Starts</th>
+                  <th>Starts <timezone-tooltip /></th>
                   <td>{{ event.starts | datetime }}</td>
                 </tr>
                 <tr>
-                  <th>Ends</th>
+                  <th>Ends <timezone-tooltip /></th>
                   <td>{{ event.ends | datetime }}</td>
                 </tr>
                 <tr>
@@ -222,13 +222,15 @@ import Mapbox from 'mapbox-gl'
 import { MglMap, MglMarker, MglPopup, MglNavigationControl } from 'vue-mapbox'
 import constants from '../../constants'
 import credentials from '../../credentials'
+import TimezoneTooltip from '../../components/tooltips/TimezoneTooltip'
 
 export default {
   components: {
     MglMap,
     MglMarker,
     MglPopup,
-    MglNavigationControl
+    MglNavigationControl,
+    TimezoneTooltip
   },
   name: 'SingleEvent',
   data () {