Add modal message

src/app/shared/popover/bad-request/bad-request.component.html

@@ -0,0 +1,7 @@
+
+<div class="main-content">
+  <p class="message">
+    {{ message }}
+  </p>
+  
+</div>

src/app/shared/popover/bad-request/bad-request.component.scss

@@ -0,0 +1,16 @@
+:host{
+    text-align: center;
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    background-image: url("/assets/background/background-circle-negative.svg");
+    background-size: 686px 674px;
+    background-position: center;
+    background-position-y: 0px;
+    background-repeat: no-repeat;
+}
+
+.message {
+    padding-top: 150px;
+    font-size: 16pt;
+}

src/app/shared/popover/bad-request/bad-request.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { BadRequestComponent } from './bad-request.component';
+
+describe('BadRequestComponent', () => {
+  let component: BadRequestComponent;
+  let fixture: ComponentFixture<BadRequestComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BadRequestComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(BadRequestComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/shared/popover/bad-request/bad-request.component.ts

@@ -0,0 +1,20 @@
+import { Component, OnInit } from '@angular/core';
+import { NavParams } from '@ionic/angular';
+
+@Component({
+  selector: 'app-bad-request',
+  templateUrl: './bad-request.component.html',
+  styleUrls: ['./bad-request.component.scss'],
+})
+export class BadRequestComponent implements OnInit {
+
+  message: string
+
+  constructor(private navParams: NavParams) {
+
+    this.message = this.navParams.get('message');
+  }
+
+  ngOnInit() {}
+
+}