Hide "from" parameter in url

src/app/profile/dashboard/orientation-details/orientation-details.component.ts

 import { Component, OnInit, SecurityContext, ViewChild } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { User } from '../../../models/user.model';
 import { NotificationService } from '../../../services/notification.service';
 import { OrientationService } from '../../../services/orientation.service';
@@ -19,7 +19,13 @@ export class OrientationDetailsComponent implements OnInit {
     private notificationService: NotificationService,
     private profileService: ProfileService,
     private sanitizer: DomSanitizer,
-  ) {}
+    private router: Router,
+  ) {
+    const navigation = this.router.getCurrentNavigation();
+    if (navigation?.extras?.state) {
+      this.from = navigation.extras.state['from'];
+    }
+  }
 
   @ViewChild('comment', { static: false }) commentTextarea: TextareaComponent;
 
@@ -33,10 +39,6 @@ export class OrientationDetailsComponent implements OnInit {
   private closedStatuses = ['completed', 'uncompleted', 'expired'];
 
   ngOnInit(): void {
-    this.route.queryParams.subscribe((params) => {
-      this.from = params['from'];
-    });
-
     this.route.params.subscribe((urlParams) => {
       const orientationId = urlParams.id || '';
       if (orientationId) {

src/app/profile/dashboard/orientations-table/orientations-table.component.ts

@@ -31,6 +31,8 @@ export class OrientationsTableComponent {
 
   public navigateToDetails(event: Event, orientationId: string): void {
     event.preventDefault();
-    this.router.navigate(['/profil/details-orientation', orientationId], { queryParams: { from: this.from } });
+    this.router.navigate(['/profil/details-orientation', orientationId], {
+      state: { from: this.from },
+    });
   }
 }