import Component from '@ember/component';
import { next } from '@ember/runloop';
import { computed } from '@ember/object';
import { inject as service } from '@ember/service';

export default Component.extend({
  system: service(),
  router: service(),
  store: service(),

  onHamburgerClick() {},

  sortedRegions: computed('system.regions', function() {
    return this.get('system.regions')
      .toArray()
      .sort();
  }),

  gotoRegion(region) {
    this.get('system').reset();
    this.get('store').unloadAll();
    next(() => {
      this.get('router').transitionTo('jobs', {
        queryParams: { region },
      });
    });
  },
});

import Component from '@ember/component';

export default Component.extend({
  onHamburgerClick() {},
});

--- 
+++ 
@@ -1,5 +1,28 @@
 import Component from '@ember/component';
+import { next } from '@ember/runloop';
+import { computed } from '@ember/object';
+import { inject as service } from '@ember/service';
 
 export default Component.extend({
+  system: service(),
+  router: service(),
+  store: service(),
+
   onHamburgerClick() {},
+
+  sortedRegions: computed('system.regions', function() {
+    return this.get('system.regions')
+      .toArray()
+      .sort();
+  }),
+
+  gotoRegion(region) {
+    this.get('system').reset();
+    this.get('store').unloadAll();
+    next(() => {
+      this.get('router').transitionTo('jobs', {
+        queryParams: { region },
+      });
+    });
+  },
 });
Add region switcher to the global header
