refactor: some cosmetic improvements

src/app/channel-list-container/channel-list-container.component.html

@@ -40,7 +40,7 @@
     </mat-tab>
 
     <mat-tab label="Groups">
-        <mat-nav-list id="channels-list">
+        <mat-nav-list id="groups-list">
             <mat-accordion multi>
                 <ng-container *ngFor="let groups of groupedChannels | keyvalue">
                     <mat-expansion-panel>
@@ -73,7 +73,10 @@
     </mat-tab>
 
     <mat-tab label="Favorites">
-        <mat-nav-list *ngIf="favorites$ | async as favorites">
+        <mat-nav-list
+            *ngIf="favorites$ | async as favorites"
+            id="favorites-list"
+        >
             <mat-list-item
                 *ngFor="
                     let channel of favorites | filterBy: searchTerm;

src/app/home/home.component.ts

@@ -129,7 +129,7 @@ export class HomeComponent {
         this.channelStore.reset();
         const favorites = playlist.favorites || [];
         const channels = playlist.playlist.items.map((element) =>
-            createChannel(element, favorites)
+            createChannel(element)
         );
         this.channelStore.upsertMany(channels);
         this.channelStore.update(() => ({

src/app/state/channel.model.ts

@@ -1,5 +1,3 @@
-import { ID, guid } from '@datorama/akita';
-
 /**
  * Represents channel object
  * TODO: define channel interface in iptv-parser library
@@ -11,22 +9,17 @@ export interface Channel {
     group: {
         title: string;
     };
-    fav: boolean;
 }
 
 /**
  * Creates new channel object based on the given fields
  * @param params partial channel object
  */
-export function createChannel(
-    params: Partial<Channel>,
-    favoritesList: string[]
-) {
+export function createChannel(params: Partial<Channel>): Channel {
     return {
         id: params.url,
         name: params.name,
         group: params.group,
         url: params.url,
-        fav: favoritesList.includes(params.url),
     } as Channel;
 }