DEV: Update loading condition and disable input on submit

Author: janzenisaac

assets/javascripts/discourse/templates/discourse-ai-bot-conversations.gjs

@@ -2,7 +2,6 @@ import { hash } from "@ember/helper";
 import { on } from "@ember/modifier";
 import didInsert from "@ember/render-modifiers/modifiers/did-insert";
 import RouteTemplate from "ember-route-template";
-import ConditionalLoadingSpinner from "discourse/components/conditional-loading-spinner";
 import DButton from "discourse/components/d-button";
 import PluginOutlet from "discourse/components/plugin-outlet";
 import { i18n } from "discourse-i18n";
@@ -34,16 +33,16 @@ export default RouteTemplate(
             id="ai-bot-conversations-input"
             placeholder={{i18n "discourse_ai.ai_bot.conversations.placeholder"}}
             minlength="10"
+            disabled={{@controller.loading}}
             rows="1"
           />
-          <ConditionalLoadingSpinner @condition={{@controller.loading}}>
-            <DButton
-              @action={{@controller.aiBotConversationsHiddenSubmit.submitToBot}}
-              @icon="paper-plane"
-              @title="discourse_ai.ai_bot.conversations.header"
-              class="ai-bot-button btn-primary ai-conversation-submit"
-            />
-          </ConditionalLoadingSpinner>
+          <DButton
+            @action={{@controller.aiBotConversationsHiddenSubmit.submitToBot}}
+            @icon="paper-plane"
+            @isLoading={{@controller.loading}}
+            @title="discourse_ai.ai_bot.conversations.header"
+            class="ai-bot-button btn-primary ai-conversation-submit"
+          />
         </div>
         <p class="ai-disclaimer">
           {{i18n "discourse_ai.ai_bot.conversations.disclaimer"}}