Address review

Author: markvanlan

assets/javascripts/discourse/components/ai-full-page-search.gjs

@@ -6,6 +6,7 @@ import didUpdate from "@ember/render-modifiers/modifiers/did-update";
 import { service } from "@ember/service";
 import DToggleSwitch from "discourse/components/d-toggle-switch";
 import { SEARCH_TYPE_DEFAULT } from "discourse/controllers/full-page-search";
+import concatClass from "discourse/helpers/concat-class";
 import { ajax } from "discourse/lib/ajax";
 import { isValidSearchTerm, translateResults } from "discourse/lib/search";
 import icon from "discourse-common/helpers/d-icon";
@@ -135,6 +136,16 @@ export default class AiFullPageSearch extends Component {
     );
   }
 
+  get searchClass() {
+    if (!this.validSearchOrder) {
+      return "unavailable";
+    } else if (this.searching) {
+      return "in-progress";
+    } else if (this.noResults) {
+      return "no-results";
+    }
+  }
+
   get tooltipText() {
     return i18n(
       `discourse_ai.embeddings.semantic_search_tooltips.${
@@ -209,10 +220,7 @@ export default class AiFullPageSearch extends Component {
     <div class="semantic-search__container search-results" role="region">
       <div class="semantic-search__results">
         <div
-          class="semantic-search__searching
-            {{if this.searching 'in-progress'}}
-            {{if this.noResults 'no-results'}}
-            {{unless this.validSearchOrder 'unavailable'}}"
+          class={{concatClass "semantic-search__searching" this.searchClass}}
         >
           <DToggleSwitch
             disabled={{this.disableToggleSwitch}}