From 7c39735d09603d5f4aa842193f434a28eaee3cf3 Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Wed, 6 Feb 2019 15:16:37 +0100
Subject: [PATCH] Added post create button to profile page

---
 pages/index.vue         | 23 +++++++++++++----------
 pages/profile/_slug.vue | 11 +++++++++++
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index c191f289c..1cc28e857 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -13,14 +13,16 @@
         <hc-post-card :post="post" />
       </ds-flex-item>
     </ds-flex>
-    <ds-button
-      v-tooltip="{content: 'Create a new Post', placement: 'left', delay: { show: 500 }}"
-      class="post-add-button"
-      icon="plus"
-      size="x-large"
-      primary
-      @click="$router.push('/post/create')"
-    />
+    <no-ssr>
+      <ds-button
+        v-tooltip="{content: 'Create a new Post', placement: 'left', delay: { show: 500 }}"
+        class="post-add-button"
+        icon="plus"
+        size="x-large"
+        primary
+        @click="$router.push('/post/create')"
+      />
+    </no-ssr>
     <hc-load-more
       v-if="true"
       :loading="$apollo.loading"
@@ -142,8 +144,9 @@ export default {
 .post-add-button {
   z-index: 100;
   position: fixed;
-  bottom: $space-large;
-  right: $space-small;
+  top: 100vh;
+  left: 100vw;
+  transform: translate(-120%, -120%);
   box-shadow: $box-shadow-x-large;
 }
 </style>
diff --git a/pages/profile/_slug.vue b/pages/profile/_slug.vue
index 8bee37185..1637747d9 100644
--- a/pages/profile/_slug.vue
+++ b/pages/profile/_slug.vue
@@ -252,6 +252,17 @@
               </ds-flex>
             </ds-card>
           </ds-flex-item>
+          <ds-flex-item style="text-align: center">
+            <ds-button
+              v-if="myProfile"
+              v-tooltip="{content: 'Create a new Post', placement: 'left', delay: { show: 500 }}"
+              class="profile-post-add-button"
+              icon="plus"
+              size="large"
+              primary
+              @click="$router.push('/post/create')"
+            />
+          </ds-flex-item>
           <template v-if="activePosts.length">
             <ds-flex-item
               v-for="post in activePosts"