import { Component, OnInit, Input, ViewChild, ElementRef } from '@angular/core';
import { ModalController, PopoverController } from '@ionic/angular';
import { ThemeService } from 'src/app/services/theme.service'

@Component({
  selector: 'app-edit-message',
  templateUrl: './edit-message.page.html',
  styleUrls: ['./edit-message.page.scss'],
})
export class EditMessagePage implements OnInit {

  @ViewChild('messageInput', { static: false }) messageInput!: ElementRef<HTMLIonTextareaElement>;
  @Input() message: string;
  @Input() roomId: any;

  oldMessage: string

  constructor(
    public popoverController: PopoverController,
    public ThemeService: ThemeService,
  ) {}

  ngOnInit() {
    this.oldMessage = this.message
  }
  ngAfterViewInit() {
    // Focus the textarea once the view has been initialized
    // this.messageInput.nativeElement.focus();
  }

  dismiss() {
    this.popoverController.dismiss();
  }

  save() {
    this.popoverController.dismiss({
      'message': this.message
    });
  }

}