From d4d175d615e2eedf4dc88b3dde6a14a1e2ba579f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hannes=20K=C3=BCttner?= <kuettner.hannes@gmail.com>
Date: Sat, 15 Apr 2023 15:24:02 +0200
Subject: [PATCH] Add loader to logs-siderbar-detail (#18200)

---
 .../routes/flows/components/logs-sidebar-detail.vue   | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/src/modules/settings/routes/flows/components/logs-sidebar-detail.vue b/app/src/modules/settings/routes/flows/components/logs-sidebar-detail.vue
index c98d5cfcb5..8e67b45810 100644
--- a/app/src/modules/settings/routes/flows/components/logs-sidebar-detail.vue
+++ b/app/src/modules/settings/routes/flows/components/logs-sidebar-detail.vue
@@ -1,9 +1,12 @@
 <template>
 	<sidebar-detail :title="t('logs')" icon="fact_check" :badge="revisionsCount">
-		<div v-if="revisionsCount === 0" class="empty">{{ t('no_logs') }}</div>
+		<v-progress-linear v-if="loading" indeterminate />
+
+		<div v-else-if="revisionsCount === 0" class="empty">{{ t('no_logs') }}</div>
 
 		<v-detail
 			v-for="group in revisionsByDate"
+			v-else
 			:key="group.dateFormatted"
 			:label="group.dateFormatted"
 			class="revisions-date-group"
@@ -103,7 +106,7 @@ const usedTrigger = computed(() => {
 	return triggers.find((trigger) => trigger.id === unref(flow).trigger);
 });
 
-const { revisionsByDate, revisionsCount } = useRevisions(
+const { revisionsByDate, revisionsCount, loading } = useRevisions(
 	ref('directus_flows'),
 	computed(() => unref(flow).id),
 	{
@@ -160,6 +163,10 @@ const steps = computed(() => {
 </script>
 
 <style lang="scss" scoped>
+.v-progress-linear {
+	margin: 24px 0;
+}
+
 .content {
 	padding: var(--content-padding);
 }