import { Component, OnDestroy } from '@angular/core';
import { SuspiciousAppsService } from '../../services/suspicious-apps.service';
import { Subscription } from 'rxjs';
import { SuspiciousAppInfo } from 'cordova-talsec-plugin-freerasp';

@Component({
  selector: 'app-malware-modal',
  templateUrl: './malware-modal.component.html',
  styleUrls: ['./malware-modal.component.css'],
})
export class MalwareModalComponent implements OnDestroy {
  modalVisible = false;
  suspiciousApps: SuspiciousAppInfo[] = [];
  subscription: Subscription;

  constructor(private suspiciousAppsService: SuspiciousAppsService) {
    this.subscription = this.suspiciousAppsService.suspiciousApps$.subscribe(
      (apps) => {
        this.suspiciousApps = [...apps];
      },
    );
  }

  ngOnDestroy() {
    this.subscription.unsubscribe();
  }

  async openModal() {
    this.modalVisible = true;
  }

  async closeModal() {
    this.modalVisible = false;
  }
}