1 files changed, 33 insertions, 0 deletions
diff --git a/src/app/components/success-bar/success-bar.component.ts b/src/app/components/success-bar/success-bar.component.ts
new file mode 100644
index 0000000..f7c7e54
--- /dev/null
+++ b/src/app/components/success-bar/success-bar.component.ts
@@ -0,0 +1,33 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-success-bar',
+  templateUrl: './success-bar.component.html',
+  styleUrls: ['./success-bar.component.css']
+})
+export class SuccessBarComponent implements OnInit {
+  public successMsg = '';
+
+  constructor()
+  { }
+
+  ngOnInit(): void {
+    this.hideMsg();
+  }
+
+  showMsg(msg?: string | undefined): void {
+    if (msg === undefined) {
+      this.successMsg = 'Success!';
+    }
+    else if (msg.trim() === '') {
+      this.successMsg = 'Success!';
+    }
+    else {
+      this.successMsg = msg;
+    }
+  }
+
+  hideMsg(): void {
+    this.successMsg = '';
+  }
+}