[PM-31740] Align Dialog Text (#18876)

* center help links in transfer dialogs

* fix icon warnings

libs/vault/src/components/vault-items-transfer/leave-confirmation-dialog.component.html

@@ -1,9 +1,9 @@
 <bit-simple-dialog>
-  <i
+  <bit-icon
     bitDialogIcon
-    class="bwi bwi-exclamation-triangle tw-text-warning tw-text-3xl"
-    aria-hidden="true"
-  ></i>
+    name="bwi-exclamation-triangle"
+    class="tw-text-warning tw-text-3xl"
+  ></bit-icon>
 
   <span bitDialogTitle>{{ "leaveConfirmationDialogTitle" | i18n }}</span>
 
@@ -25,9 +25,9 @@
       {{ "goBack" | i18n }}
     </button>
 
-    <a bitLink href="#" (click)="openLearnMore($event)" class="tw-w-full tw-text-center tw-text-sm">
+    <a bitLink href="#" (click)="openLearnMore($event)" class="tw-self-center tw-text-sm">
       {{ "howToManageMyVault" | i18n }}
-      <i class="bwi bwi-external-link tw-ml-1" aria-hidden="true"></i>
+      <bit-icon name="bwi-external-link" class="tw-ml-1"></bit-icon>
     </a>
   </ng-container>
 </bit-simple-dialog>

libs/vault/src/components/vault-items-transfer/leave-confirmation-dialog.component.ts

@@ -10,6 +10,7 @@ import {
   DialogService,
   ButtonModule,
   DialogModule,
+  IconModule,
   LinkModule,
   TypographyModule,
   CenterPositionStrategy,
@@ -35,7 +36,7 @@ export type LeaveConfirmationDialogResultType = UnionOfValues<typeof LeaveConfir
 @Component({
   templateUrl: "./leave-confirmation-dialog.component.html",
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [ButtonModule, DialogModule, LinkModule, TypographyModule, JslibModule],
+  imports: [ButtonModule, DialogModule, IconModule, LinkModule, TypographyModule, JslibModule],
 })
 export class LeaveConfirmationDialogComponent {
   private readonly params = inject<LeaveConfirmationDialogParams>(DIALOG_DATA);

libs/vault/src/components/vault-items-transfer/transfer-items-dialog.component.html

@@ -14,9 +14,9 @@
       {{ "declineAndLeave" | i18n }}
     </button>
 
-    <a bitLink href="#" (click)="openLearnMore($event)" class="tw-w-full tw-text-center tw-text-sm">
+    <a bitLink href="#" (click)="openLearnMore($event)" class="tw-self-center tw-text-sm">
       {{ "whyAmISeeingThis" | i18n }}
-      <i class="bwi bwi-external-link tw-ml-1" aria-hidden="true"></i>
+      <bit-icon name="bwi-external-link" class="tw-ml-1"></bit-icon>
     </a>
   </ng-container>
 </bit-simple-dialog>

libs/vault/src/components/vault-items-transfer/transfer-items-dialog.component.ts

@@ -10,6 +10,7 @@ import {
   DialogService,
   ButtonModule,
   DialogModule,
+  IconModule,
   LinkModule,
   TypographyModule,
   CenterPositionStrategy,
@@ -35,7 +36,7 @@ export type TransferItemsDialogResultType = UnionOfValues<typeof TransferItemsDi
 @Component({
   templateUrl: "./transfer-items-dialog.component.html",
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [ButtonModule, DialogModule, LinkModule, TypographyModule, JslibModule],
+  imports: [ButtonModule, DialogModule, IconModule, LinkModule, TypographyModule, JslibModule],
 })
 export class TransferItemsDialogComponent {
   private readonly params = inject<TransferItemsDialogParams>(DIALOG_DATA);