Refactor 'GroupContentMenu' component

webapp/components/Group/GroupContentMenu.vue

@@ -47,34 +47,27 @@ export default {
         return value.match(/(groupTeaser|groupProfile)/)
       },
     },
-    resource: { type: Object, required: true },
+    group: { type: Object, required: true },
-    resourceType: {
-      type: String,
-      required: true,
-      validator: (value) => {
-        return value.match(/(group)/)
-      },
-    },
     placement: { type: String, default: 'bottom-end' },
   },
   computed: {
     routes() {
       const routes = []
 
-      if (this.resourceType === 'group') {
+      if (this.usage !== 'groupProfile') {
         routes.push({
           label: this.$t('group.contentMenu.visitGroupPage'),
           icon: 'home',
           name: 'group-id-slug',
-          params: { id: this.resource.id, slug: this.resource.slug },
+          params: { id: this.group.id, slug: this.group.slug },
-        })
-        if (this.resource.myRole === 'owner') {
-          routes.push({
-            label: this.$t('admin.settings.name'),
-            path: `/group/edit/${this.resource.id}`,
-            icon: 'edit',
         })
       }
+      if (this.group.myRole === 'owner') {
+        routes.push({
+          label: this.$t('admin.settings.name'),
+          path: `/group/edit/${this.group.id}`,
+          icon: 'edit',
+        })
       }
 
       return routes

webapp/components/Group/GroupTeaser.vue

@@ -58,12 +58,7 @@
         <div v-else class="categories-placeholder"></div>
         <!-- group context menu -->
         <client-only>
-          <group-content-menu
+          <group-content-menu :usage="'groupTeaser'" :group="group || {}" placement="bottom-end" />
-            :usage="'groupProfile'"
-            :resourceType="'group'"
-            :resource="group"
-            :group="group"
-          />
         </client-only>
       </footer>
       <footer class="footer">

webapp/pages/group/_id/_slug.vue

@@ -18,10 +18,10 @@
           <!-- Menu -->
           <client-only>
             <group-content-menu
+              v-if="isGroupOwner"
               class="group-content-menu"
               :usage="'groupProfile'"
-              :resourceType="'group'"
+              :group="group || {}"
-              :resource="group || {}"
               placement="bottom-end"
             />
             <!-- TODO: implement later on -->