Fix "cancel in progress" alert on event history page (#990)

* only animate in on "cancel in progress" alert
fix cancelInProgress reactive prop to be false if event history is updating

* 2.1.94

Author: rossedfort

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@temporalio/ui",
-  "version": "2.1.93",
+  "version": "2.1.94",
   "type": "module",
   "description": "Temporal.io UI",
   "keywords": [

src/lib/layouts/workflow-header.svelte

@@ -6,7 +6,7 @@
   import { autoRefreshWorkflow } from '$lib/stores/event-view';
   import { workflowsQuery, workflowsSearch } from '$lib/stores/workflows';
   import { workflowRun, refresh } from '$lib/stores/workflow-run';
-  import { eventHistory } from '$lib/stores/events';
+  import { eventHistory, updating } from '$lib/stores/events';
 
   import {
     routeForEventHistory,
@@ -80,6 +80,7 @@
 
   $: cancelInProgress =
     $workflowRun?.workflow?.status === 'Running' &&
+    !$updating &&
     $eventHistory.events.some(
       (event) => event?.eventType === 'WorkflowExecutionCancelRequested',
     );
@@ -129,7 +130,7 @@
       {/if}
     </div>
     {#if cancelInProgress}
-      <div class="-mt-4 mb-4" transition:fly={{ duration: 200, delay: 100 }}>
+      <div class="-mt-4 mb-4" in:fly={{ duration: 200, delay: 100 }}>
         <Alert icon="info" intent="info" title="Cancel Request Sent">
           The request to cancel this Workflow Execution has been sent. If the
           Workflow uses the cancellation API, it'll cancel at the next available