14-B 😈 Mini-boss: Retirer l'élément supprimé

La requête de suppression ne retirer ma magiquement l'élément du tableau!

Évidemment, si vous rafraichissez votre page, vous verrez que l'élément n'existe pas.

Cependant, ce n'est pas optimal. Une fois la suppression effectuée, vous devez retirer manuellement l'élément du tableau pour que le changement soit effectué instantannément pour l'utilisateur.

attention

Vous devez implémenter cette portion vous-même!

Pour ce faire:

1. Trouver l'index du projet dans le tableau à l'aide de son id
2. Retirer du tableau l'élément à l'index trouvé

Deux fonctions vous seront utiles:

1. findIndex (this.projets.findIndex)
2. splice qui permet de retirer un certain nombre d'éléments à partir d'un certain index.

Exemple de la fonction findIndex:

const myArray: { id: number; name: string }[] = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const elementToRemoveId = 2;
const indexToRemove = myArray.findIndex( (item) => {
  return item.id === elementToRemoveId
});

Exemple de la fonction splice:

myArray.splice(indexToRemove, 1); // Retire 1 element à l'index demandé (indexToRemove)

Ainsi, dans votre fonction gestionProjetDeleted:

  protected async gestionProjetDeleted(projetId: number) {
    await this.projetService.supprimer(projetId);

    // 1. Trouver l'index à retirer

    // 2. Retiruer l'élément à l'index trouvé.
  }