display proper icon on columns

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

@@ -4,9 +4,9 @@
         [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>
+            <fa-icon class="stream-column__stream-selector--icon" [icon]="faIcon"></fa-icon>
+            <h1 class="stream-column__stream-selector--title">{{ streamElement.name.toUpperCase() }}</h1>
         </a>
     </div>
     <app-stream-statuses class="stream-statuses" [streamElement]="streamElement" [goToTop]="goToTopSubject.asObservable()"

src/app/components/stream/stream.component.scss

@@ -16,17 +16,27 @@ $stream-header-height: 40px;
         width: calc(100%);
         height: $stream-header-height;
         background-color: $column-header-background-color;
+        text-decoration: none;
         
-        &:hover {
-            text-decoration: none;
+        // &:hover {
+          
+        // }
+
+        &--icon {
+            color: whitesmoke;
+            float: left;
+            position: relative;
+            left: 11px;
+            top: 9px;
+            
         }
 
-        & h1 {
+        &--title {
             color: whitesmoke;
             font-size: 0.8em;
             font-weight: normal;
-            margin: 0;
-            padding: 13px 0 0 10px;
+            // margin: 0 0 0 25px;
+            padding: 14px 0 0 35px;
         }
     }
 }

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

@@ -1,8 +1,8 @@
 import { Component, OnInit, Input, ElementRef, ViewChild, HostListener } from "@angular/core";
 import { Subject } from "rxjs";
-import { faCoffee } from "@fortawesome/free-solid-svg-icons";
+import { faHome, faGlobe, faUser, faHashtag, faListUl, IconDefinition } from "@fortawesome/free-solid-svg-icons";
 
-import { StreamElement } from "../../states/streams.state";
+import { StreamElement, StreamTypeEnum } from "../../states/streams.state";
 import { Status } from "../../services/models/mastodon.interfaces";
 import { AccountInfo } from "../../states/accounts.state";
 
@@ -12,7 +12,7 @@ import { AccountInfo } from "../../states/accounts.state";
     styleUrls: ["./stream.component.scss"]
 })
 export class StreamComponent implements OnInit {
-    faCoffee = faCoffee;
+    faIcon: IconDefinition;
 
     overlayActive: boolean;
     overlayAccountToBrowse: string;
@@ -21,7 +21,34 @@ export class StreamComponent implements OnInit {
 
     goToTopSubject: Subject<void> = new Subject<void>();
 
-    @Input() streamElement: StreamElement;
+    private _streamElement: StreamElement;
+
+    @Input('streamElement')
+    set streamElement(stream: StreamElement) {
+        switch (stream.type) {
+            case StreamTypeEnum.personnal:
+                this.faIcon = faHome;
+                break;
+            case StreamTypeEnum.global:
+                this.faIcon = faGlobe;
+                break;
+            case StreamTypeEnum.local:
+                this.faIcon = faUser;
+                break;
+            case StreamTypeEnum.tag:
+                this.faIcon = faHashtag;
+                break;
+            case StreamTypeEnum.list:
+                this.faIcon = faListUl;
+                break;
+        }
+
+        this._streamElement = stream;
+    }
+    get streamElement(): StreamElement {
+        return this._streamElement;
+    }
+
 
     constructor() { }