import { Component, OnDestroy, OnInit } from "@angular/core";
import { ActivatedRoute } from "@angular/router";
import { Subscription } from "rxjs";
import { Person, SearchService } from "../shared";

console.log("hello");

@Component({
  selector: "app-search",
  templateUrl: "./search.component.html",
  styleUrls: ["./search.component.css"],
})
export class SearchComponent implements OnInit, OnDestroy {
  query: string;
  searchResults: Array<Person>;
  sub: Subscription;

  constructor(
    private searchService: SearchService,
    private route: ActivatedRoute
  ) {}

  ngOnInit() {
    this.sub = this.route.params.subscribe((params) => {
      if (params["term"]) {
        this.query = decodeURIComponent(params["term"]);
        this.search();
      }
    });
  }

  search(): void {
    this.searchService.search(this.query).subscribe(
      (data: any) => {
        this.searchResults = data;
      },
      (error) => console.log(error)
    );
  }

  ngOnDestroy() {
    if (this.sub) {
      this.sub.unsubscribe();
    }
  }
}

async function asyncCall() {
  var result = await resolveAfter2Seconds();
}

for (let i = 0; i < 10; i++) {
  continue;
}

if (true) {
}

while (true) {}

switch (2) {
  case 2:
    break;
  default:
    break;
}