From 6537260b0d20a0c95a6d1cfce71ad536c7e20b37 Mon Sep 17 00:00:00 2001
From: SuragNuthulapaty <suragn30@gmail.com>
Date: Tue, 9 Jan 2024 21:47:45 -0600
Subject: [PATCH] updated global no csv

---
 src/components/DataDisclaimer.vue | 12 +++++++++---
 src/constants/globals.vue         |  4 ++++
 2 files changed, 13 insertions(+), 3 deletions(-)
 create mode 100644 src/constants/globals.vue

diff --git a/src/components/DataDisclaimer.vue b/src/components/DataDisclaimer.vue
index ffa086c6..91e94f72 100644
--- a/src/components/DataDisclaimer.vue
+++ b/src/components/DataDisclaimer.vue
@@ -1,6 +1,6 @@
 <template>
   <details class="data-disclaimer">
-    <summary>Note: Data only includes large Chicago buildings from 2020</summary>
+    <summary>Note: Data only includes large Chicago buildings from {{LatestDataYear}}, unless explicitly stated otherwise.</summary>
 
     <p class="constrained">
       <strong>Note:</strong> This data only includes buildings whose emissions are reported
@@ -25,15 +25,21 @@
 
 <script lang="ts">
 import NewTabIcon from './NewTabIcon.vue';
+import { LatestDataYear } from '../constants/globals.vue';
+import { Component, Vue } from 'vue-property-decorator';
 
 /**
  * A  tile that can show the stats for a building, including whether it's
  * doing better or worse than average, it's rank and percentile rank
  */
-export default {
+
+@Component({
   name: 'DataDisclaimer',
   components: {NewTabIcon},
-};
+})
+export default class DataDisclaimer extends Vue {
+  readonly LatestDataYear: number = LatestDataYear
+}
 </script>
 
 <style lang="scss">
diff --git a/src/constants/globals.vue b/src/constants/globals.vue
new file mode 100644
index 00000000..677d29ac
--- /dev/null
+++ b/src/constants/globals.vue
@@ -0,0 +1,4 @@
+<script lang="ts">
+    export default {};
+    export const LatestDataYear = 2021
+</script>
\ No newline at end of file