Prevent useless refresh

src/components/EditeurBenevole.vue

@@ -115,7 +115,7 @@ export default defineComponent({
       const old_arr = this.benevole?.competenceIdList;
       if (
         new_arr.length !== old_arr?.length ||
-        new_arr.reduce((acc: boolean, n: number) => acc && old_arr.includes(n), true)
+        !new_arr.reduce((acc: boolean, n: number) => acc && old_arr.includes(n), true)
       ) {
         this.updateBenevole("competenceIdList", new_arr);
       }

src/components/EditeurCreneau.vue

@@ -201,7 +201,7 @@ export default defineComponent({
         const old_arr = this.creneau?.competencesIdList;
         if (
           new_arr.length !== old_arr?.length ||
-          new_arr.reduce((acc: boolean, n: number) => acc && old_arr.includes(n), true)
+          !new_arr.reduce((acc: boolean, n: number) => acc && old_arr.includes(n), true)
         ) {
           this.updateCreneau("competencesIdList", new_arr);
         }

src/views/Planning.vue

@@ -257,10 +257,10 @@ export default defineComponent({
       }
     },
     ressourceChangeHandler(ev: CustomEvent<{ ressources: Array<Ressource> }>) {
-      this.commit(
-        MutationTypes.reorderCreneauGroup,
-        ev.detail.ressources.map((o) => o.id)
-      );
+      const ids = ev.detail.ressources.map((o) => o.id);
+      const current_id = this.creneauGroupList.map((o) => o.id);
+      const same_order = current_id.reduce((acc, id, idx) => acc && id == ids[idx], true);
+      if (!same_order) this.commit(MutationTypes.reorderCreneauGroup, ids);
     },
     updateCreneauGroup<K extends keyof Ressource>(payload: {
       id: string;
@@ -394,7 +394,7 @@ export default defineComponent({
     this.timeline.setAttribute("start", this.start.toISOString());
     this.timeline.setAttribute("end", this.end.toISOString());
     this.timeline.addRessources(this.creneauGroupList);
-    this.commit(
+    this.$store.commit(
       MutationTypes.reorderCreneauGroup,
       this.timeline.getRessources().map((o) => o.id)
     );