feat: 🚧 Add removeUserFromProject function

apps/client/src/stores/project.js

@@ -33,6 +33,11 @@ export const useProjectStore = defineStore('project', () => {
     await updateProject(selectedProject.value)
   }
 
+  const removeUserFromProject = async (userEmail) => {
+    const userToRemove = await selectedProject.value.users.find(user => user.email === userEmail)
+    console.log(userToRemove)
+  }
+
   return {
     selectedProject,
     projects,
@@ -41,5 +46,6 @@ export const useProjectStore = defineStore('project', () => {
     createProject,
     updateProject,
     addUserToProject,
+    removeUserFromProject,
   }
 })

apps/client/src/views/projects/DsoTeam.vue

@@ -27,7 +27,6 @@ const headers = [
 
 const rows = ref([])
 
-// TODO : gérer DsfrTags
 const setRows = () => {
   rows.value = []
 
@@ -43,6 +42,7 @@ const setRows = () => {
   if (selectedProject.value.users) {
     selectedProject.value.users.forEach(user => {
       rows.value.push([user.email, {
+        onClick: removeUserFromProject(user.email),
         component: DsfrTag,
         label: 'user',
         class: 'fr-tag--dismiss',
@@ -54,6 +54,8 @@ const setRows = () => {
   }
 }
 
+console.log('rows: ', rows.value)
+
 const addUserToProject = async () => {
   // TODO : récupérer données keycloak de l'utilisateur via son e-mail ?
   newUser.value.id = 'xxxxxx'
@@ -73,6 +75,11 @@ const addUserToProject = async () => {
   // })
 }
 
+const removeUserFromProject = async (userEmail) => {
+  console.log(userEmail)
+  await projectStore.removeUserFromProject(userEmail)
+}
+
 onMounted(() => {
   setRows()
 })
@@ -122,3 +129,9 @@ watch(projectStore.selectedProject, () => {
     @click="addUserToProject()"
   />
 </template>
+
+<style>
+.test {
+  background-color: aliceblue;
+}
+</style>