From d5bfc8613ff53448d663fb5e1f38d08401bb1d15 Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Wed, 16 Dec 2020 21:57:32 +0000
Subject: [PATCH] feat(frontend): buttons in sidebars (user/stream)

---
 frontend/src/components/SidebarStream.vue | 26 ++++++++++-------------
 frontend/src/components/UserInfoCard.vue  |  2 +-
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/SidebarStream.vue b/frontend/src/components/SidebarStream.vue
index 238383e9c..eecfcc2ec 100644
--- a/frontend/src/components/SidebarStream.vue
+++ b/frontend/src/components/SidebarStream.vue
@@ -48,15 +48,7 @@
           Updated
           <timeago :datetime="stream.updatedAt"></timeago>
         </p>
-        <v-btn
-          v-if="canEdit"
-          small
-          outlined
-          text
-
-          color=""
-          @click="editStream"
-        >
+        <v-btn v-if="userRole === 'owner'" block small @click="editStream">
           Edit
           <v-icon small class="ml-3">mdi-cog-outline</v-icon>
         </v-btn>
@@ -80,19 +72,22 @@
             <span class="caption">{{ collab.role.split(":")[1] }}</span>
           </v-col>
         </v-row>
-        <v-btn
+        <v-btn v-if="userRole === 'owner'" block small @click="shareStream">
+          Manage
+          <v-icon small class="ml-3">mdi-account-multiple</v-icon>
+        </v-btn>
+        <!-- <v-btn
           v-if="canEdit"
           small
           outlined
           text
-          
           color=""
           class="mt-3"
           @click="shareStream"
         >
           Manage
           <v-icon small class="ml-3">mdi-account-multiple</v-icon>
-        </v-btn>
+        </v-btn> -->
         <v-dialog v-model="dialogShare">
           <h1>WIP</h1>
         </v-dialog>
@@ -123,6 +118,10 @@ export default {
     stream: {
       type: Object,
       default: () => null
+    },
+    userRole: {
+      type: String,
+      default: null
     }
   },
   apollo: {},
@@ -133,9 +132,6 @@ export default {
     isHomeRoute() {
       return this.$route.name === "stream"
     },
-    canEdit() {
-      return true
-    },
     userId() {
       return localStorage.getItem("uuid")
     }
diff --git a/frontend/src/components/UserInfoCard.vue b/frontend/src/components/UserInfoCard.vue
index aa60370cf..e7cc37daf 100644
--- a/frontend/src/components/UserInfoCard.vue
+++ b/frontend/src/components/UserInfoCard.vue
@@ -25,7 +25,7 @@
       <span class="caption" v-if="isSelf">Your user id: {{ user.id }}</span>
     </v-card-text>
     <v-card-actions>
-      <v-btn v-if="isSelf" block @click="editUser">
+      <v-btn v-if="isSelf" block small @click="editUser">
         Edit
         <v-icon small class="ml-3">mdi-pencil-outline</v-icon>
       </v-btn>