import { Component, OnInit } from "@angular/core";
import { ModalController } from "@ionic/angular";
import { MediaPage } from "../media/media.page";
import { PopoverController, NavParams, Events } from "@ionic/angular";
import { ChatpopoverPage } from "../chatpopover/chatpopover.page";
import { from } from "rxjs";

@Component({
  selector: "app-chatmessages",
  templateUrl: "./chatmessages.page.html",
  styleUrls: ["./chatmessages.page.scss"]
})
export class ChatmessagesPage implements OnInit {
  constructor(
    public modalController: ModalController,
    private popoverController: PopoverController
  ) {}

  ngOnInit() {}

  async openModal() {
    const modal = await this.modalController.create({
      component: MediaPage
    });
    return await modal.present();
  }

  async chatPopover(ev: any) {
    const popover = await this.popoverController.create({
      component: ChatpopoverPage,
      event: ev,
      componentProps: { page: "Login" },
      cssClass: "popover_class"
    });

    return await popover.present();
  }
}