From 833340fdff11e1959fcb10cb5facf448355f82c8 Mon Sep 17 00:00:00 2001
From: Alex Tideman <alex.tideman@temporal.io>
Date: Wed, 27 Nov 2024 11:09:05 -0600
Subject: [PATCH] Move alerts above tabs (#2446)

---
 src/lib/layouts/workflow-header.svelte | 59 +++++++++++++-------------
 1 file changed, 29 insertions(+), 30 deletions(-)

diff --git a/src/lib/layouts/workflow-header.svelte b/src/lib/layouts/workflow-header.svelte
index b6a3948a6..7d7c668e4 100644
--- a/src/lib/layouts/workflow-header.svelte
+++ b/src/lib/layouts/workflow-header.svelte
@@ -146,6 +146,35 @@
     </AccordionLight>
   {/if}
   <WorkflowDetails />
+  {#if cancelInProgress}
+    <div in:fly={{ duration: 200, delay: 100 }}>
+      <Alert
+        icon="info"
+        intent="info"
+        title={translate('workflows.cancel-request-sent')}
+      >
+        {translate('workflows.cancel-request-sent-description')}
+      </Alert>
+    </div>
+  {/if}
+  {#if workflowHasBeenReset}
+    <div in:fly={{ duration: 200, delay: 100 }}>
+      <Alert
+        icon="info"
+        intent="info"
+        data-testid="workflow-reset-alert"
+        title={translate('workflows.reset-success-alert-title')}
+      >
+        You can find the resulting Workflow Execution <Link
+          href={routeForEventHistory({
+            namespace,
+            workflow: $workflowRun?.workflow?.id,
+            run: $resetWorkflows[$workflowRun?.workflow?.runId],
+          })}>here</Link
+        >.
+      </Alert>
+    </div>
+  {/if}
   <Tabs>
     <TabList class="flex flex-wrap gap-6 pb-1 pt-4" label="workflow detail">
       <Tab
@@ -240,34 +269,4 @@
       />
     </TabList>
   </Tabs>
-
-  {#if cancelInProgress}
-    <div in:fly={{ duration: 200, delay: 100 }}>
-      <Alert
-        icon="info"
-        intent="info"
-        title={translate('workflows.cancel-request-sent')}
-      >
-        {translate('workflows.cancel-request-sent-description')}
-      </Alert>
-    </div>
-  {/if}
-  {#if workflowHasBeenReset}
-    <div in:fly={{ duration: 200, delay: 100 }}>
-      <Alert
-        icon="info"
-        intent="info"
-        data-testid="workflow-reset-alert"
-        title={translate('workflows.reset-success-alert-title')}
-      >
-        You can find the resulting Workflow Execution <Link
-          href={routeForEventHistory({
-            namespace,
-            workflow: $workflowRun?.workflow?.id,
-            run: $resetWorkflows[$workflowRun?.workflow?.runId],
-          })}>here</Link
-        >.
-      </Alert>
-    </div>
-  {/if}
 </header>