selected users table

admin/src/components/Tables/SelectedUsersTable.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="component-selected-users-table">
+    <b-table-lite :items="items" :fields="fields" caption-top striped hover stacked="md">
+      <template #cell(bookmark)="row">
+        <b-button variant="danger" size="md" @click="$emit('remove-item', row.item)" class="mr-2">
+          <b-icon icon="x" variant="light"></b-icon>
+        </b-button>
+      </template>
+    </b-table-lite>
+  </div>
+</template>
+<script>
+export default {
+  name: 'SelectedUsersTable',
+  props: {
+    items: {
+      type: Array,
+      required: true,
+    },
+    fields: {
+      type: Array,
+      required: true,
+    },
+  },
+}
+</script>

admin/src/pages/Creation.vue

@@ -40,11 +40,10 @@
               {{ $t('remove_all') }}
             </b-button>
           </div>
-          <user-table
+          <selected-users-table
             class="shadow p-3 mb-5 bg-white rounded"
-            type="UserListMassCreation"
-            :itemsUser="itemsMassCreation"
-            :fieldsTable="fields"
+            :items="itemsMassCreation"
+            :fields="fields"
             @remove-item="removeItem"
           />
         </div>
@@ -64,8 +63,8 @@
 </template>
 <script>
 import CreationFormular from '../components/CreationFormular.vue'
-import UserTable from '../components/UserTable.vue'
 import SelectUsersTable from '../components/Tables/SelectUsersTable.vue'
+import SelectedUsersTable from '../components/Tables/SelectedUsersTable.vue'
 import { searchUsers } from '../graphql/searchUsers'
 import { creationMonths } from '../mixins/creationMonths'
 
@@ -74,8 +73,8 @@ export default {
   mixins: [creationMonths],
   components: {
     CreationFormular,
-    UserTable,
     SelectUsersTable,
+    SelectedUsersTable,
   },
   data() {
     return {