refactor fuel tech groups

components/ui/FuelTechGroupSelector.vue

@@ -19,21 +19,13 @@
 
 <script>
 import { mapGetters } from 'vuex'
-
-const groups = [
-  'Default',
-  'Simplified',
-  'Coal/Gas/Renewables',
-  'Flexibility',
-  'Renewable/Fossil',
-  'Solar/Residual'
-]
+import { ftGroups, GROUP_DEFAULT } from '@/constants/energy-fuel-techs/'
 
 export default {
   data() {
     return {
-      groups,
-      selected: groups[0]
+      groups: ftGroups,
+      selected: ftGroups[0]
     }
   },
 
@@ -73,8 +65,8 @@ export default {
   mounted() {
     if (this.fuelTechGroupName === 'regions') {
       if (this.regionId !== 'nem') {
-        this.$store.dispatch('fuelTechGroupName', 'Default')
-        this.selected = 'Default'
+        this.$store.dispatch('fuelTechGroupName', GROUP_DEFAULT)
+        this.selected = GROUP_DEFAULT
         this.$router.push({ path: `/energy/${this.regionId}` })
       } else {
         this.selected = this.fuelTechGroupName

constants/energy-fuel-techs/index.js

@@ -21,6 +21,8 @@ Groups[GROUP_FLEXIBILITY] = FlexibilityGroup
 Groups[GROUP_RENEWABLE_FOSSIL] = RenewableFossilGroup
 Groups[GROUP_SOLAR_RESIDUAL] = SolarResidualGroup
 
+export const ftGroups = Object.keys(Groups)
+
 export function getAllGroups(powerEnergyDomains, type) {
   const parsed = {}
   Object.keys(Groups).forEach(key => {

constants/fuel-tech-group-queries.js

@@ -0,0 +1,10 @@
+import _includes from 'lodash.includes'
+import { ftGroups, GROUP_DEFAULT } from '@/constants/energy-fuel-techs/'
+
+export function isValidFtGroupQuery(query) {
+  return _includes(ftGroups, query)
+}
+
+export function getDefaultFtGroup() {
+  return GROUP_DEFAULT
+}