refactor: simplifications thanks to #7

Author: JasonWeinzierl

src/app/app.component.ts

@@ -1,23 +1,11 @@
-import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ToastNoAnimationModule } from '@openng/ngx-toastr';
 import { FooterComponent } from './footer/footer.component';
 import { HeaderComponent } from './header/header.component';
 import { HomeComponent } from './home/home.component';
-import { GhButtonModule } from '@ctrl/ngx-github-buttons';
 
 @Component({
   selector: 'app-root',
-  imports: [
-    CommonModule,
-    FormsModule,
-    ToastNoAnimationModule,
-    GhButtonModule,
-    FooterComponent,
-    HeaderComponent,
-    HomeComponent,
-  ],
+  imports: [FooterComponent, HeaderComponent, HomeComponent],
   templateUrl: './app.component.html',
 })
 export class AppComponent {}

src/app/pink-toast/pink-toast.component.html

@@ -19,7 +19,7 @@
   <div class="col-3 text-right">
     @if (!_options.closeButton) {
       <button class="btn btn-pink btn-sm" (click)="action($event)">
-        {{ undoString }}
+        {{ undoString() }}
       </button>
     } @else {
       <button (click)="remove()" class="btn btn-pink btn-sm">close</button>

src/app/pink-toast/pink-toast.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, signal } from '@angular/core';
 import { Toast } from '@openng/ngx-toastr';
 
 @Component({
@@ -12,11 +12,11 @@ import { Toast } from '@openng/ngx-toastr';
 })
 export class PinkToast extends Toast {
   // used for demo purposes
-  undoString = 'undo';
+  readonly undoString = signal('undo');
 
   action(event: Event) {
     event.stopPropagation();
-    this.undoString = 'undid';
+    this.undoString.set('undid');
     this.toastPackage.triggerAction();
     return false;
   }