From e4fcac93f208ab1b00b1397df3a313ed01e28b89 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Wed, 25 Jan 2023 17:24:00 +0400
Subject: [PATCH] Using truncate component for replaced tx link

---
 .../app/components/transaction/transaction.component.html    | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index b85f1cd24..dd871a886 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -9,10 +9,7 @@
     <div *ngIf="rbfReplaces?.length" class="alert alert-mempool" role="alert">
       <span i18n="transaction.rbf.replaced|RBF replaced">This transaction replaced:</span>
       <div class="tx-list">
-        <a class="alert-link" *ngFor="let replaced of rbfReplaces" [routerLink]="['/tx/' | relativeUrl, replaced]">
-          <span class="d-inline d-lg-none">{{ replaced | shortenString : 24 }}</span>
-          <span class="d-none d-lg-inline">{{ replaced }}</span>
-        </a>
+        <app-truncate [text]="replaced" [lastChars]="12" *ngFor="let replaced of rbfReplaces" [link]="['/tx/' | relativeUrl, replaced]"></app-truncate>
       </div>
     </div>