NaqiNick

import { Component, Inject, OnInit } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';

@Component({
  selector: 'app-confirm-dialogue',
  templateUrl: './confirm-dialogue.component.html',
  styleUrls: ['./confirm-dialogue.component.scss']
})
export class ConfirmDialogueComponent implements OnInit {
  constructor(public dialogRef: MatDialogRef<ConfirmDialogueComponent>) {

NaqiNick

<h1 mat-dialog-title>
    Confirmation
  </h1>
  
  <div mat-dialog-content>
    <p>are you sure you want to remove this row?</p>
  </div>
  
  <div mat-dialog-actions>
    <button mat-button (click)="onDismiss()">No</button>

NaqiNick

<h2>Clients</h2>

<mia-edit-columns [config]="tableConfig" [miaTable]="tableComp">
<button mat-flat-button color="primary">Edit Columns</button> 
</mia-edit-columns>
<button mat-flat-button color="primary" style="float:right;" (click)="onClickAdd()">+</button>
<mia-table #tableComp [config]="tableConfig"></mia-table>

NaqiNick

import { Component, OnInit, ViewChild } from '@angular/core';
import { MiaTableComponent, MiaTableConfig, MiaTableEditableComponent, } from '@agencycoda/mia-table';
import { ClientService } from '../services/client.service'
import { MiaField, MiaFormConfig, MiaFormModalComponent, MiaFormModalConfig } from '@agencycoda/mia-form';
import { Validators } from '@angular/forms';
import { Client } from '../entities/client';
import { MatDialog } from '@angular/material/dialog';
import { ConfirmDialogueComponent } from '../confirm-dialogue/confirm-dialogue.component';
@Component({
  selector: 'app-home',