diff --git a/frontend/src/app/app-routing.module.ts b/frontend/src/app/app-routing.module.ts index a09e4a9a4..67dd56c6d 100644 --- a/frontend/src/app/app-routing.module.ts +++ b/frontend/src/app/app-routing.module.ts @@ -142,10 +142,10 @@ let routes: Routes = [ data: { preload: true }, }, { - path: 'tx/:id', + path: 'tx', canMatch: [TrackerGuard], runGuardsAndResolvers: 'always', - component: TrackerComponent, + loadChildren: () => import('./components/tracker/tracker.module').then(m => m.TrackerModule), }, { path: '', diff --git a/frontend/src/app/components/tracker/tracker.component.ts b/frontend/src/app/components/tracker/tracker.component.ts index 0e83506fd..c869f9705 100644 --- a/frontend/src/app/components/tracker/tracker.component.ts +++ b/frontend/src/app/components/tracker/tracker.component.ts @@ -31,6 +31,8 @@ import { TrackerStage } from './tracker-bar.component'; import { MiningService, MiningStats } from '../../services/mining.service'; import { ETA, EtaService } from '../../services/eta.service'; import { getTransactionFlags, getUnacceleratedFeeRate } from '../../shared/transaction.utils'; +import { RelativeUrlPipe } from '../../shared/pipes/relative-url/relative-url.pipe'; + interface Pool { id: number; diff --git a/frontend/src/app/components/transaction/transaction.component.ts b/frontend/src/app/components/transaction/transaction.component.ts index 924addaa0..f2d22cb70 100644 --- a/frontend/src/app/components/transaction/transaction.component.ts +++ b/frontend/src/app/components/transaction/transaction.component.ts @@ -518,6 +518,13 @@ export class TransactionComponent implements OnInit, AfterViewInit, OnDestroy { }); } } + if (window.innerWidth <= 767.98) { + this.router.navigate([this.relativeUrlPipe.transform('/tx'), this.txId], { + queryParamsHandling: 'merge', + preserveFragment: true, + queryParams: { mode: 'details' }, + }); + } this.seoService.setTitle( $localize`:@@bisq.transaction.browser-title:Transaction: ${this.txId}:INTERPOLATION:` );