From a5d5dd7eda14b84027b0c9ec4120318d79b96356 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 9 Sep 2022 12:23:51 +0200
Subject: [PATCH] import GroupMembers component in group settings

---
 webapp/components/Group/GroupMember.vue |  4 +-
 webapp/pages/group/edit/_id/members.vue | 62 +++++--------------------
 2 files changed, 13 insertions(+), 53 deletions(-)

diff --git a/webapp/components/Group/GroupMember.vue b/webapp/components/Group/GroupMember.vue
index 64edae6a3..f522ee795 100644
--- a/webapp/components/Group/GroupMember.vue
+++ b/webapp/components/Group/GroupMember.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <ds-space><h3>Members</h3></ds-space>
-    <ds-table :data="tableData" :fields="tableFields">
+    <ds-table :data="GroupMembers" :fields="tableFields">
       <template slot="avatar">
         <ds-avatar online size="small" name="Hans Peter"></ds-avatar>
       </template>
@@ -20,7 +20,7 @@ export default {
   data() {
     return {
       tableFields: ['avatar', 'name', 'type', 'loves', 'edit'],
-      tableData: [
+      GroupMembers: [
         {
           name: 'Rengar',
           type: 'Jungler',
diff --git a/webapp/pages/group/edit/_id/members.vue b/webapp/pages/group/edit/_id/members.vue
index 64edae6a3..fa22b19c9 100644
--- a/webapp/pages/group/edit/_id/members.vue
+++ b/webapp/pages/group/edit/_id/members.vue
@@ -1,56 +1,16 @@
 <template>
-  <div>
-    <ds-space><h3>Members</h3></ds-space>
-    <ds-table :data="tableData" :fields="tableFields">
-      <template slot="avatar">
-        <ds-avatar online size="small" name="Hans Peter"></ds-avatar>
-      </template>
-      <template slot="loves" slot-scope="scope">
-        {{ scope.row.name }} loves {{ scope.row.loves }}
-      </template>
-      <template slot="edit" slot-scope="scope">
-        <ds-button size="small" @click="deleteRow(scope.row)">delete</ds-button>
-      </template>
-    </ds-table>
-  </div>
-</template>
-<script>
+    <div>
+      <ds-container>
+        <group-member />
+      </ds-container>
+    </div>
+  </template>
+  
+  <script>
+  import GroupMember from '~/components/Group/GroupMember'
 export default {
-  name: 'GroupMember',
-  data() {
-    return {
-      tableFields: ['avatar', 'name', 'type', 'loves', 'edit'],
-      tableData: [
-        {
-          name: 'Rengar',
-          type: 'Jungler',
-          loves: 'Hide and seek',
-        },
-        {
-          name: 'Renekton',
-          type: 'Toplaner',
-          loves: 'Slice and dice',
-        },
-        {
-          name: 'Twitch',
-          type: 'ADC',
-          loves: 'Spray and pray',
-        },
-        {
-          name: 'Blitz',
-          type: 'Support',
-          loves: 'Hook you up',
-        },
-      ],
+    components: {
+        GroupMember,
     }
-  },
-  methods: {
-    deleteRow(row) {
-      const index = this.tableData.indexOf(row)
-      if (index > -1) {
-        this.tableData.splice(index, 1)
-      }
-    },
-  },
 }
 </script>