import { Component, Inject } from '@angular/core'
import { FormControl, FormGroup } from '@angular/forms'
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'

@Component({
  selector: 'app-edit-post',
  templateUrl: './edit-post.component.html',
  styleUrls: ['./edit-post.component.scss'],
  standalone: false,
})
export class NewPostComponent {
  form: FormGroup
  constructor(
    public dialogRef: MatDialogRef<NewPostComponent>,
    @Inject(MAT_DIALOG_DATA) public data: any
  ) {
    if (data == null) {
      data = {
        title: '',
        content: '',
      }
    }
    this.form = new FormGroup({
      title: new FormControl(data.title),
      content: new FormControl(data.content),
    })
  }

  protected makePost() {
    this.dialogRef.close({
      title: this.form.get('title')?.value,
      content: this.form.get('content')?.value,
    })
  }
}