From 6516730641a3a692447ff617afb666d68ef538f3 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Mon, 27 Dec 2021 23:26:22 +0800
Subject: [PATCH] add empty state to revisions (#10697)

---
 app/src/lang/translations/en-US.yaml                         | 1 +
 .../revisions-drawer-detail/revisions-drawer-detail.vue      | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/app/src/lang/translations/en-US.yaml b/app/src/lang/translations/en-US.yaml
index 6bfbae7618..610a48de98 100644
--- a/app/src/lang/translations/en-US.yaml
+++ b/app/src/lang/translations/en-US.yaml
@@ -1209,6 +1209,7 @@ relationship: Relationship
 reset: Reset
 reset_password: Reset Password
 revisions: Revisions
+no_revisions: No Revisions Yet
 revert: Revert
 save: Save
 schema: Schema
diff --git a/app/src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue b/app/src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue
index f761b0a3cc..1856a8a6fc 100644
--- a/app/src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue
+++ b/app/src/views/private/components/revisions-drawer-detail/revisions-drawer-detail.vue
@@ -6,6 +6,10 @@
 	>
 		<v-progress-linear v-if="loading" indeterminate />
 
+		<div v-else-if="revisionsCount === 0" class="empty">
+			<div class="content">{{ t('no_revisions') }}</div>
+		</div>
+
 		<template v-else>
 			<template v-for="group in revisionsByDate" :key="group.date.toString()">
 				<RevisionsDateGroup :group="group" @click="openModal" />
@@ -264,6 +268,7 @@ export default defineComponent({
 .empty {
 	margin-top: 16px;
 	margin-bottom: 16px;
+	margin-left: 2px;
 	color: var(--foreground-subdued);
 	font-style: italic;
 }