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,28 +1,5 @@
 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
