[Icons] Update Font Sheet (#1245)

* [Icons] Update Font Sheet

* Added import statement for styles

* updated to clone icon

* Changed save to save changes icon

* Revert to using base bwi class

* Updated import order for bwi icon styles

* Converted new account switcher ui updates

* Bump jslib

* Fix occurances where bwi-eye-slash was used instead of btw-eye-slash-2

* Move settings cog to the left side

* Updated eye/eye-slash icon references

* Update jslib

* Update jslib

* Update fallback image for cipher icon

* Update jslib

Co-authored-by: Hinton <oscar@oscarhinton.com>

src/app/layout/account-switcher.component.html

@@ -20,9 +20,9 @@
     <span>{{ "switchAccount" | i18n }}</span>
   </ng-template>
   <i
-    class="fa"
+    class="bwi"
     aria-hidden="true"
-    [ngClass]="{ 'fa-chevron-down': !isOpen, 'fa-chevron-up': isOpen }"
+    [ngClass]="{ 'bwi-angle-down': !isOpen, 'bwi-chevron-up': isOpen }"
   ></i>
 </a>
 
@@ -61,11 +61,11 @@
           <span class="status">{{ a.value.profile.authenticationStatus }}</span>
         </div>
         <i
-          class="fa fa-unlock fa-2x text-muted"
+          class="bwi bwi-unlock bwi-2x text-muted"
           *ngIf="a.value.profile.authenticationStatus == 'unlocked'"
         ></i>
         <i
-          class="fa fa-lock fa-2x text-muted"
+          class="bwi bwi-lock bwi-2x text-muted"
           *ngIf="a.value.profile.authenticationStatus == 'locked'"
         ></i>
       </a>
@@ -74,7 +74,7 @@
       <div class="border" *ngIf="numberOfAccounts > 0"></div>
       <ng-container *ngIf="numberOfAccounts < 4">
         <a class="add" routerLink="/login" (click)="addAccount()">
-          <i class="fa fa-plus" aria-hidden="true"></i> {{ "addAccount" | i18n }}
+          <i class="bwi bwi-plus" aria-hidden="true"></i> {{ "addAccount" | i18n }}
         </a>
       </ng-container>
       <ng-container *ngIf="numberOfAccounts == 4">

src/app/layout/nav.component.html

@@ -1,5 +1,5 @@
 <ng-container *ngFor="let item of items">
   <a [routerLink]="item.link" class="btn primary" routerLinkActive="active" [title]="item.label">
-    <i class="fa" [ngClass]="item.icon"></i>{{ item.label }}
+    <i class="bwi" [ngClass]="item.icon"></i>{{ item.label }}
   </a>
 </ng-container>

src/app/layout/nav.component.ts

@@ -9,12 +9,12 @@ export class NavComponent {
   items: any[] = [
     {
       link: "/vault",
-      icon: "fa-lock",
+      icon: "bwi-lock-f",
       label: this.i18nService.translate("myVault"),
     },
     {
       link: "/send",
-      icon: "fa-paper-plane",
+      icon: "bwi-send-f",
       label: "Send",
     },
   ];

src/app/layout/search/search.component.html

@@ -7,5 +7,5 @@
     [formControl]="searchText"
     appAutofocus
   />
-  <i class="fa fa-search" aria-hidden="true"></i>
+  <i class="bwi bwi-search" aria-hidden="true"></i>
 </div>