Add color to current sort criteria

src/app/components/shared/comment-list/comment-list.component.html

@@ -35,15 +35,15 @@
 
   <mat-menu #sortMenu="matMenu" xPosition="before">
       <button mat-icon-button (focus)="hideCommentsList=false" (click)="sortComments(votedesc)">
-        <mat-icon>keyboard_arrow_up</mat-icon>
+        <mat-icon [ngClass]="{votedesc: 'up'}[currentSort]">keyboard_arrow_up</mat-icon>
       </button>
 
       <button mat-icon-button (focus)="hideCommentsList=false" (click)="sortComments(voteasc)">
-        <mat-icon>keyboard_arrow_down</mat-icon>
+        <mat-icon [ngClass]="{voteasc: 'down'}[currentSort]">keyboard_arrow_down</mat-icon>
       </button>
 
       <button mat-icon-button (focus)="hideCommentsList=false" (click)="sortComments(time)">
-        <mat-icon>access_time</mat-icon>
+        <mat-icon [ngClass]="{time: 'unread-icon'}[currentSort]">access_time</mat-icon>
       </button>
   </mat-menu>
 

src/app/components/shared/comment-list/comment-list.component.scss

@@ -83,3 +83,11 @@ h4  {
 .comment-counter {
   font-size: 18pt;
 }
+
+.up {
+  color: var(--green);
+}
+
+.down {
+  color: var(--red);
+}

src/app/components/shared/comment-list/comment-list.component.ts

@@ -29,8 +29,8 @@ export class CommentListComponent implements OnInit {
   userRole: UserRole;
   deviceType: string;
   isLoading = true;
-  voteasc = 'vote_asc';
-  votedesc = 'vote_desc';
+  voteasc = 'voteasc';
+  votedesc = 'votedesc';
   time = 'time';
   currentSort = this.votedesc;
   read = 'read';