Angular toast a success message after a success subcription

import { Injectable } from '@angular/core';
import { MatSnackBar } from '@angular/material/snack-bar';

@Injectable({
  providedIn: 'root'
})
export class ToastService {
  constructor(private snackBar: MatSnackBar) {}

  showSuccess(message: string, duration: number = 3000) {
    this.snackBar.open(message, 'Close', {
      duration: duration,
      panelClass: ['success-toast']
    });
  }
}

import { Component } from '@angular/core';
import { ToastService } from './toast.service';

@Component({
  selector: 'app-my-component',
  template: `<button (click)="subscribe()">Subscribe</button>`
})
export class MyComponent {
  constructor(private toastService: ToastService) {}

  subscribe() {
    // 假设这里有一个成功的订阅操作
    this.toastService.showSuccess('Subscription successful!');
  }
}

.success-toast {
  background-color: #4caf50;
  color: white;
}