fix(history): fix date displayed on history

packages/frontend/src/app/modules/usager-profil/components/pages/profil-general-section/profil-general-section.component.html

@@ -109,15 +109,10 @@
             </p>
             <div>
               <a
-                [routerLink]="['/usager/' + usager.ref + '/edit']"
+                [routerLink]="['/usager/' + usager.ref + '/edit/decision']"
                 class="btn btn-light"
                 ariaCurrentWhenActive="page"
               >
-                <fa-icon
-                  [icon]="['fas', 'redo']"
-                  aria-hidden="true"
-                  class="me-2"
-                ></fa-icon>
                 Voir le récapitulatif
               </a>
             </div>

packages/frontend/src/app/modules/usager-profil/components/pages/profil-historique/profil-historique.component.html

@@ -33,7 +33,10 @@ <h2>Historique des décisions</h2>
               </thead>
               <tbody>
                 <tr
-                  *ngFor="let histo of usager.historique; let i = index"
+                  *ngFor="
+                    let histo of usager.historique | orderByDate : 'desc';
+                    let i = index
+                  "
                   [attr.aria-rowindex]="i + 1"
                 >
                   <td>

packages/frontend/src/app/modules/usager-profil/components/pages/profil-historique/profil-historique.component.spec.ts

@@ -13,14 +13,15 @@ import { USER_STRUCTURE_MOCK } from "../../../../../../_common/mocks/USER_STRUCT
 import { UsagerFormModel } from "../../../../usager-shared/interfaces";
 import { StoreModule } from "@ngrx/store";
 import { _usagerReducer } from "../../../../../shared";
+import { OrderByDatePipe } from "../../../pipes/order-by-date.pipe";
 
 describe("ProfilHistoriqueComponent", () => {
   let component: ProfilHistoriqueComponent;
   let fixture: ComponentFixture<ProfilHistoriqueComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [ProfilHistoriqueComponent],
+      declarations: [ProfilHistoriqueComponent, OrderByDatePipe],
       imports: [
         FormsModule,
         HttpClientTestingModule,

packages/frontend/src/app/modules/usager-profil/pipes/order-by-date.pipe.ts

@@ -0,0 +1,24 @@
+import { Pipe, PipeTransform } from "@angular/core";
+
+@Pipe({
+  name: "orderByDate",
+})
+export class OrderByDatePipe implements PipeTransform {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  transform(array: any[], sortOrder: string): any[] {
+    if (!array || array.length <= 1) {
+      return array;
+    }
+
+    return array.sort((a, b) => {
+      const dateA = new Date(a.dateDecision);
+      const dateB = new Date(b.dateDecision);
+
+      if (sortOrder === "asc") {
+        return dateA.getTime() - dateB.getTime();
+      } else {
+        return dateB.getTime() - dateA.getTime();
+      }
+    });
+  }
+}

packages/frontend/src/app/modules/usager-profil/usager-profil.module.ts

@@ -33,6 +33,7 @@ import { ProfilHistoriqueComponent } from "./components/pages/profil-historique/
 import { ProfilHistoriqueSmsComponent } from "./components/historiques/profil-historique-sms/profil-historique-sms.component";
 import { ProfilHistoriqueProcurationsComponent } from "./components/historiques/profil-historique-procurations/profil-historique-procurations.component";
 import { ProfilHistoriqueTransfertsComponent } from "./components/historiques/profil-historique-transferts/profil-historique-transferts.component";
+import { OrderByDatePipe } from "./pipes/order-by-date.pipe";
 
 @NgModule({
   declarations: [
@@ -53,11 +54,10 @@ import { ProfilHistoriqueTransfertsComponent } from "./components/historiques/pr
     ProfilDocumentsSectionComponent,
     ProfilGeneralHistoriqueCourriersComponent,
     DisplayEtatCivilComponent,
-
     BaseUsagerProfilPageComponent,
     ProfilHistoriqueProcurationsComponent,
-
     ProfilHistoriqueTransfertsComponent,
+    OrderByDatePipe,
   ],
   imports: [
     CommonModule,

packages/frontend/src/app/modules/usager-shared/components/delete-usager-menu/delete-usager-menu.component.ts

@@ -61,15 +61,11 @@ export class DeleteUsagerMenuComponent implements OnInit, OnDestroy {
   }
 
   public getPreviousStatus(): void {
-    // On tri du plus récent au plus ancien
     const historique: Decision[] = Object.assign([], this.usager.historique);
-
     historique.sort((a, b) => {
       return a.dateDecision.getTime() - b.dateDecision.getTime();
     });
-
     const statut = historique[historique.length - 2].statut;
-
     this.previousStatus = USAGER_DECISION_STATUT_LABELS[statut];
   }
 

packages/frontend/src/app/modules/usager-shared/components/display-duplicates-usager/display-duplicates-usager.component.ts

@@ -1,10 +1,12 @@
+import { fadeInOut } from "../../../../shared";
 import { UsagerLight } from "./../../../../../_common/model/usager/UsagerLight.type";
 import { Component, Input } from "@angular/core";
 
 @Component({
   selector: "app-display-duplicates-usager",
   templateUrl: "./display-duplicates-usager.component.html",
   styleUrls: ["./display-duplicates-usager.component.css"],
+  animations: [fadeInOut],
 })
 export class DisplayDuplicatesUsagerComponent {
   @Input() public duplicates: UsagerLight[];

packages/frontend/src/app/modules/usager-shared/interfaces/UsagerFormModel.ts

@@ -106,7 +106,6 @@ export class UsagerFormModel {
 
     this.etapeDemande = usager?.etapeDemande || ETAPE_ETAT_CIVIL;
     this.ayantsDroits = usager?.ayantsDroits || [];
-
     this.typeDom = usager?.typeDom || "PREMIERE_DOM";
 
     this.datePremiereDom = usager?.datePremiereDom
@@ -119,10 +118,6 @@ export class UsagerFormModel {
         })
       : [];
 
-    this.historique.sort((a, b) => {
-      return b.dateDecision.getTime() - a.dateDecision.getTime();
-    });
-
     this.lastInteraction = {
       dateInteraction: usager?.lastInteraction?.dateInteraction
         ? new Date(usager.lastInteraction.dateInteraction)