diff --git a/app/components/application-header.js b/app/components/application-header.js
index 2fc6eeca..ec5ac7f7 100644
--- a/app/components/application-header.js
+++ b/app/components/application-header.js
@@ -1,17 +1,17 @@
-import Component from '@ember/component';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
-export default Component.extend({
- globalSearch: service(),
- allStatus: false,
- showAdvanced: false,
+export default class SearchComponent extends Component {
+ @service globalSearch;
- actions: {
- search() {
- this.globalSearch.doSearch(this.query);
- },
- clear() {
- this.globalSearch.doSearch(null);
- }
+ @tracked query = '';
+
+ @action
+ search(event) {
+ event.preventDefault();
+ const inputValue = event.target.querySelector('[name="query"]').value;
+ this.globalSearch.doSearch(inputValue);
}
-});
+}
diff --git a/app/templates/components/application-header.hbs b/app/templates/components/application-header.hbs
index 993b46ac..d86b58cd 100755
--- a/app/templates/components/application-header.hbs
+++ b/app/templates/components/application-header.hbs
@@ -1,11 +1,17 @@
+