import { Component,  ChangeDetectorRef } from '@angular/core';
import { EXAMPLE_TABS } from './mock-tabs';
import { Tab } from './tab';
import { environment } from '../environments/environment';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  lastTabsSet: Tab[];

  constructor(ref: ChangeDetectorRef) {
    if (environment.production) {
      chrome.runtime.onMessage.addListener((tabsSet: Tab[], sender: chrome.runtime.MessageSender) => {
        this.lastTabsSet = tabsSet;
        ref.detectChanges();
      });
    } else {
      this.lastTabsSet = EXAMPLE_TABS;
    }
  }
}