migrate components (#13810)

apps/web/src/app/admin-console/organizations/manage/group-add-edit.component.html

@@ -9,7 +9,7 @@
     <div bitDialogContent>
       <div *ngIf="loading">
         <i
-          class="bwi bwi-spinner bwi-spin text-muted"
+          class="bwi bwi-spinner bwi-spin tw-text-muted"
           title="{{ 'loading' | i18n }}"
           aria-hidden="true"
         ></i>

apps/web/src/app/admin-console/organizations/manage/groups.component.html

@@ -12,7 +12,7 @@
 
 <ng-container *ngIf="loading">
   <i
-    class="bwi bwi-spinner bwi-spin text-muted"
+    class="bwi bwi-spinner bwi-spin tw-text-muted"
     title="{{ 'loading' | i18n }}"
     aria-hidden="true"
   ></i>

apps/web/src/app/admin-console/organizations/members/components/bulk/bulk-status.component.html

@@ -18,7 +18,9 @@
           </td>
           <td bitCell>
             {{ item.user.email }}
-            <small class="text-muted d-block" *ngIf="item.user.name">{{ item.user.name }}</small>
+            <small class="tw-text-muted tw-block" *ngIf="item.user.name">{{
+              item.user.name
+            }}</small>
           </td>
           <td class="tw-text-danger" *ngIf="item.error" bitCell>
             {{ item.message }}

apps/web/src/app/admin-console/organizations/members/components/member-dialog/member-dialog.component.html

@@ -12,7 +12,7 @@
     <div bitDialogContent>
       <ng-container *ngIf="loading">
         <i
-          class="bwi bwi-spinner bwi-spin text-muted"
+          class="bwi bwi-spinner bwi-spin tw-text-muted"
           title="{{ 'loading' | i18n }}"
           aria-hidden="true"
         ></i>

apps/web/src/app/admin-console/organizations/members/members.component.html

@@ -48,7 +48,7 @@
 </div>
 <ng-container *ngIf="!firstLoaded">
   <i
-    class="bwi bwi-spinner bwi-spin text-muted"
+    class="bwi bwi-spinner bwi-spin tw-text-muted"
     title="{{ 'loading' | i18n }}"
     aria-hidden="true"
   ></i>

apps/web/src/app/admin-console/organizations/sponsorships/accept-family-sponsorship.component.html

@@ -1,13 +1,13 @@
-<div class="mt-5 d-flex justify-content-center" *ngIf="loading">
+<div class="tw-mt-10 tw-flex tw-justify-center" *ngIf="loading">
   <div>
-    <img class="mb-4 logo logo-themed" alt="Bitwarden" />
+    <bit-icon class="tw-w-72 tw-block tw-mb-4" [icon]="logo"></bit-icon>
-    <p class="text-center">
+    <div class="tw-flex tw-justify-center">
       <i
-        class="bwi bwi-spinner bwi-spin bwi-2x text-muted"
+        class="bwi bwi-spinner bwi-spin bwi-2x tw-text-muted"
         title="{{ 'loading' | i18n }}"
         aria-hidden="true"
       ></i>
       <span class="tw-sr-only">{{ "loading" | i18n }}</span>
-    </p>
+    </div>
   </div>
 </div>

apps/web/src/app/admin-console/organizations/sponsorships/accept-family-sponsorship.component.ts

@@ -3,6 +3,7 @@
 import { Component, inject } from "@angular/core";
 import { Params } from "@angular/router";
 
+import { BitwardenLogo } from "@bitwarden/auth/angular";
 import { PolicyApiServiceAbstraction } from "@bitwarden/common/admin-console/abstractions/policy/policy-api.service.abstraction";
 import { OrganizationSponsorshipResponse } from "@bitwarden/common/admin-console/models/response/organization-sponsorship.response";
 import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
@@ -20,6 +21,7 @@ import { BaseAcceptComponent } from "../../../common/base.accept.component";
   templateUrl: "accept-family-sponsorship.component.html",
 })
 export class AcceptFamilySponsorshipComponent extends BaseAcceptComponent {
+  protected logo = BitwardenLogo;
   failedShortMessage = "inviteAcceptFailedShort";
   failedMessage = "inviteAcceptFailed";
 

apps/web/src/app/admin-console/organizations/sponsorships/families-for-enterprise-setup.component.html

@@ -29,7 +29,7 @@
     <div *ngIf="showNewOrganization">
       <app-organization-plans></app-organization-plans>
     </div>
-    <div class="w-1/2" *ngIf="!showNewOrganization">
+    <div class="tw-w-1/2" *ngIf="!showNewOrganization">
       <button bitButton buttonType="primary" bitFormButton type="submit">
         {{ "acceptOffer" | i18n }}
       </button>

bitwarden_license/bit-web/src/app/admin-console/providers/manage/accept-provider.component.html

@@ -1,6 +1,6 @@
 <div class="tw-mt-5 tw-flex tw-justify-center" *ngIf="loading">
   <div>
-    <img class="tw-mb-4 logo logo-themed" alt="Bitwarden" />
+    <bit-icon class="tw-w-72 tw-block tw-mb-4" [icon]="logo"></bit-icon>
     <p class="tw-text-center">
       <i
         class="bwi bwi-spinner bwi-spin bwi-2x tw-text-muted"

bitwarden_license/bit-web/src/app/admin-console/providers/manage/accept-provider.component.ts

@@ -3,6 +3,7 @@
 import { Component } from "@angular/core";
 import { ActivatedRoute, Params, Router } from "@angular/router";
 
+import { BitwardenLogo } from "@bitwarden/auth/angular";
 import { ApiService } from "@bitwarden/common/abstractions/api.service";
 import { ProviderUserAcceptRequest } from "@bitwarden/common/admin-console/models/request/provider/provider-user-accept.request";
 import { AuthService } from "@bitwarden/common/auth/abstractions/auth.service";
@@ -15,6 +16,7 @@ import { BaseAcceptComponent } from "@bitwarden/web-vault/app/common/base.accept
   templateUrl: "accept-provider.component.html",
 })
 export class AcceptProviderComponent extends BaseAcceptComponent {
+  protected logo = BitwardenLogo;
   providerName: string;
   providerId: string;
   providerUserId: string;

bitwarden_license/bit-web/src/app/admin-console/providers/verify-recover-delete-provider.component.html

@@ -1,4 +1,4 @@
-<p class="lead tw-text-center tw-mb-4">{{ "deleteProvider" | i18n }}</p>
+<h2 class="tw-text-center tw-mb-4">{{ "deleteProvider" | i18n }}</h2>
 <app-callout type="warning">{{ "deleteProviderWarning" | i18n }}</app-callout>
 <p class="tw-text-center">
   <strong>{{ name }}</strong>