fix: Show correct button for workflow without crawls (#2590)

Shows "Run Now" button instead of "QA Latest Crawl" in workflow "Watch"
tab when there aren't any crawls.

frontend/src/pages/org/workflow-detail.ts

@@ -1,6 +1,6 @@
 import { localized, msg, str } from "@lit/localize";
 import type { SlSelect } from "@shoelace-style/shoelace";
-import { html, type PropertyValues, type TemplateResult } from "lit";
+import { html, nothing, type PropertyValues, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { choose } from "lit/directives/choose.js";
 import { ifDefined } from "lit/directives/if-defined.js";
@@ -646,25 +646,7 @@ export class WorkflowDetail extends BtrixElement {
             </sl-button>
           </sl-button-group>
         `,
-        () => html`
+        this.renderRunNowButton,
-          <sl-tooltip
-            content=${msg(
-              "Org Storage Full or Monthly Execution Minutes Reached",
-            )}
-            ?disabled=${!this.org?.storageQuotaReached &&
-            !this.org?.execMinutesQuotaReached}
-          >
-            <sl-button
-              size="small"
-              variant="primary"
-              ?disabled=${archivingDisabled}
-              @click=${() => void this.runNow()}
-            >
-              <sl-icon name="play" slot="prefix"></sl-icon>
-              <span>${msg("Run Crawl")}</span>
-            </sl-button>
-          </sl-tooltip>
-        `,
       )}
 
       <sl-dropdown placement="bottom-end" distance="4" hoist>
@@ -1097,11 +1079,10 @@ export class WorkflowDetail extends BtrixElement {
                 ></sl-icon>
                 ${msg("Replay Latest Crawl")}</sl-button
               >
-            `,
+
-          )}
               ${when(
-            this.isCrawler && this.workflow,
+                this.isCrawler,
-            (workflow) =>
+                () =>
                   html` <sl-button
                     href=${`${this.navigate.orgBasePath}/workflows/${workflow.id}/crawls/${workflow.lastCrawlId}#qa`}
                     size="small"
@@ -1115,6 +1096,9 @@ export class WorkflowDetail extends BtrixElement {
                     ${msg("QA Latest Crawl")}
                   </sl-button>`,
               )}
+            `,
+            () => (this.isCrawler ? this.renderRunNowButton() : nothing),
+          )}
         </div>
       </section>
     `;
@@ -1161,19 +1145,10 @@ export class WorkflowDetail extends BtrixElement {
     `;
   }
 
-  private renderNoCrawlLogs() {
+  private readonly renderRunNowButton = () => {
     return html`
-      <section
-        class="flex h-56 min-h-max flex-col items-center justify-center rounded-lg border p-4"
-      >
-        <p class="text-base font-medium">
-          ${msg("Logs will show here after you run a crawl.")}
-        </p>
-        <div class="mt-4">
       <sl-tooltip
-            content=${msg(
+        content=${msg("Org Storage Full or Monthly Execution Minutes Reached")}
-              "Org Storage Full or Monthly Execution Minutes Reached",
-            )}
         ?disabled=${!this.org?.storageQuotaReached &&
         !this.org?.execMinutesQuotaReached}
       >
@@ -1188,7 +1163,21 @@ export class WorkflowDetail extends BtrixElement {
           ${msg("Run Crawl")}
         </sl-button>
       </sl-tooltip>
-        </div>
+    `;
+  };
+
+  private renderNoCrawlLogs() {
+    return html`
+      <section
+        class="flex h-56 min-h-max flex-col items-center justify-center rounded-lg border p-4"
+      >
+        <p class="text-base font-medium">
+          ${msg("Logs will show here after you run a crawl.")}
+        </p>
+        ${when(
+          this.isCrawler,
+          () => html` <div class="mt-4">${this.renderRunNowButton()}</div> `,
+        )}
       </section>
     `;
   }