Add empty state for Upcoming Runs on schedule detail page

temporalio · Sep 26, 2024 · 5df8e60 · 5df8e60
1 parent 6292257
commit 5df8e60
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/lib/components/schedule/schedule-upcoming-runs.svelte b/src/lib/components/schedule/schedule-upcoming-runs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import Panel from '$lib/components/panel.svelte';
+  import EmptyState from '$lib/holocene/empty-state.svelte';
   import { translate } from '$lib/i18n/translate';
   import { relativeTime, timeFormat } from '$lib/stores/time-format';
   import { formatDate } from '$lib/utilities/format-date';
@@ -9,7 +10,7 @@
   export let futureRuns: Timestamp[] = [];
 </script>
 
-<Panel>
+<Panel class="w-full">
   <h2 class="mb-4">{translate('schedules.upcoming-runs')}</h2>
   {#each futureRuns.slice(0, 5) as run}
     <div class="row">
@@ -20,6 +21,10 @@
         })}
       </p>
     </div>
+  {:else}
+    <EmptyState
+      title={translate('schedules.upcoming-runs-empty-state-title')}
+    />
   {/each}
 </Panel>
 

diff --git a/src/lib/i18n/locales/en/schedules.ts b/src/lib/i18n/locales/en/schedules.ts
@@ -19,6 +19,7 @@ export const Strings = {
   'recent-runs': 'Recent Runs',
   'recent-runs-empty-state-title': 'No Recent Runs',
   'upcoming-runs': 'Upcoming Runs',
+  'upcoming-runs-empty-state-title': 'No Upcoming Runs',
   loading: 'Loading Schedule...',
   deleting: 'Deleting Schedule...',
   'delete-schedule-error': 'Cannot delete schedule. {{error}}',