From 011871405cfa5c92e953ee6e9ae5055d8713bd6e Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Fri, 18 Jan 2019 15:17:58 +0100
Subject: [PATCH] Empty relations

---
 pages/post/_slug/more-info.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/pages/post/_slug/more-info.vue b/pages/post/_slug/more-info.vue
index 456c7c357..95108d522 100644
--- a/pages/post/_slug/more-info.vue
+++ b/pages/post/_slug/more-info.vue
@@ -43,12 +43,11 @@
           <hc-post-card :post="relatedPost" />
         </ds-flex-item>
       </ds-flex>
-      <ds-space
-        v-else
-        style="text-align: center; padding-top: 2em; opacity: .6;"
-      >
-        No related Posts
-      </ds-space>
+      <hc-empty
+        margin="large"
+        icon="file"
+        message="No related Posts"
+      />
     </ds-section>
     <ds-space margin-bottom="large" />
   </ds-card>
@@ -57,6 +56,7 @@
 <script>
 import gql from 'graphql-tag'
 import HcPostCard from '~/components/PostCard.vue'
+import HcEmpty from '~/components/Empty.vue'
 
 export default {
   transition: {
@@ -64,7 +64,8 @@ export default {
     mode: 'out-in'
   },
   components: {
-    HcPostCard
+    HcPostCard,
+    HcEmpty
   },
   computed: {
     post() {