added support to fontawesome

package-lock.json

@@ -647,6 +647,51 @@
         "tslib": "^1.9.0"
       }
     },
+    "@fortawesome/angular-fontawesome": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/angular-fontawesome/-/angular-fontawesome-0.3.0.tgz",
+      "integrity": "sha512-wXvyPI7GidoNiqeMz2re9iemUMFH4zBmuv94CfXlaanQ8+kMP/fYs/k69PLVN1KsebQY4kRA9GHmc1U1ndBkJg==",
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "@fortawesome/fontawesome-common-types": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.13.tgz",
+      "integrity": "sha512-Qy1eMKylnbsCRXod8C4CfwqlNtLU7OkJiLsFJZlHY4rY9ky2VYUKNnRj0b+3lnGwA1dWNY+pI0XWbP/mrLCohw=="
+    },
+    "@fortawesome/fontawesome-svg-core": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.13.tgz",
+      "integrity": "sha512-1Q0grmELVTBDbk/Jo4dRCptkYMQjikPEcoPo+eZS+oLVowv1afP4177m4gvqMwdk3l+9KYoiMBJzfY2qDbs+Dg==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "^0.2.13"
+      }
+    },
+    "@fortawesome/free-brands-svg-icons": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-5.7.0.tgz",
+      "integrity": "sha512-MA4FLVKfuamBlfkRznoAOHyCywGj0MToDyomvtpuJeB9BqNBPDQ/TpGTyRZ8TEyHqo8ejjjACXYjr2fIEB7FZA==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "^0.2.13"
+      }
+    },
+    "@fortawesome/free-regular-svg-icons": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-5.7.0.tgz",
+      "integrity": "sha512-q6u0JTCr8T8RDRYytVcPg/RvPXv67fVcxSa/pdF59OAF5scM03QakX+W+x0vuaWvrpUwU0VK2AXJzSYnBUNpJA==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "^0.2.13"
+      }
+    },
+    "@fortawesome/free-solid-svg-icons": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.7.0.tgz",
+      "integrity": "sha512-bWHNC9Mho8gJ/MFmnc+u6af0jXtdgNWdL6mxHE2lrPsSUGTBCr7AcYeTf+f0Q7JZDjIy/kW8FKpHcfuesScK5A==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "^0.2.13"
+      }
+    },
     "@ngtools/webpack": {
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-6.1.1.tgz",

package.json

@@ -26,6 +26,11 @@
     "@angular/platform-browser": "^6.1.0",
     "@angular/platform-browser-dynamic": "^6.1.0",
     "@angular/router": "^6.1.0",
+    "@fortawesome/angular-fontawesome": "^0.3.0",
+    "@fortawesome/fontawesome-svg-core": "^1.2.13",
+    "@fortawesome/free-brands-svg-icons": "^5.7.0",
+    "@fortawesome/free-regular-svg-icons": "^5.7.0",
+    "@fortawesome/free-solid-svg-icons": "^5.7.0",
     "@ngxs/storage-plugin": "^3.2.0",
     "@ngxs/store": "^3.2.0",
     "bootstrap": "^4.1.3",

src/app/app.module.ts

@@ -10,6 +10,8 @@ import { NgxElectronModule } from "ngx-electron";
 import { NgxsModule } from '@ngxs/store';
 import { NgxsStoragePluginModule } from '@ngxs/storage-plugin';
 
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+
 import { AppComponent } from "./app.component";
 import { LeftSideBarComponent } from "./components/left-side-bar/left-side-bar.component";
 import { StreamsMainDisplayComponent } from "./pages/streams-main-display/streams-main-display.component";
@@ -79,6 +81,7 @@ const routes: Routes = [
     StreamStatusesComponent
   ],
   imports: [
+    FontAwesomeModule,
     BrowserModule,
     HttpModule,
     HttpClientModule,

src/app/components/stream/stream.component.html

@@ -1,17 +1,16 @@
 <div class="stream-column">
 
-    <app-stream-overlay class="stream-overlay" *ngIf="overlayActive" 
-        (closeOverlay)="closeOverlay()" 
-        [browseAccountData]="overlayAccountToBrowse"
-        [browseHashtagData]="overlayHashtagToBrowse"
-        [browseThreadData]="overlayThreadToBrowse"></app-stream-overlay>
+    <app-stream-overlay class="stream-overlay" *ngIf="overlayActive" (closeOverlay)="closeOverlay()"
+        [browseAccountData]="overlayAccountToBrowse" [browseHashtagData]="overlayHashtagToBrowse" [browseThreadData]="overlayThreadToBrowse"></app-stream-overlay>
 
     <div class="stream-column__stream-header">
+        <fa-icon [icon]="faCoffee"></fa-icon>
         <a class="stream-column__stream-selector" href title="return to top" (click)="goToTop()">
             <h1>{{ streamElement.name.toUpperCase() }}</h1>
         </a>
     </div>
-    <app-stream-statuses class="stream-statuses" [streamElement]="streamElement" [goToTop]="goToTopSubject.asObservable()" (browseAccountEvent)="browseAccount($event)" (browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)"></app-stream-statuses>
+    <app-stream-statuses class="stream-statuses" [streamElement]="streamElement" [goToTop]="goToTopSubject.asObservable()"
+        (browseAccountEvent)="browseAccount($event)" (browseHashtagEvent)="browseHashtag($event)" (browseThreadEvent)="browseThread($event)"></app-stream-statuses>
     <!-- <div class="stream-toots flexcroll" #statusstream (scroll)="onScroll()">
         <div class="stream-toots__status" *ngFor="let statusWrapper of statuses">
             <app-status [statusWrapper]="statusWrapper" (browseAccount)="browseAccount($event)" (browseHashtag)="browseHashtag($event)"></app-status>

src/app/components/stream/stream.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit, Input, ElementRef, ViewChild, HostListener } from "@angular/core";
 import { Subject } from "rxjs";
+import { faCoffee } from "@fortawesome/free-solid-svg-icons";
 
 import { StreamElement } from "../../states/streams.state";
 import { Status } from "../../services/models/mastodon.interfaces";
@@ -11,6 +12,8 @@ import { AccountInfo } from "../../states/accounts.state";
     styleUrls: ["./stream.component.scss"]
 })
 export class StreamComponent implements OnInit {
+    faCoffee = faCoffee;
+
     overlayActive: boolean;
     overlayAccountToBrowse: string;
     overlayHashtagToBrowse: string;