import { Component, inject, OnInit } from '@angular/core';
import { NgFor } from '@angular/common';

import { TierService } from '../services/tier.service';
import { Tier } from '../interfaces/tier';

@Component({
  selector: 'app-donate',
  standalone: true,
  imports: [NgFor],
  templateUrl: './donate.component.html',
  styleUrl: './donate.component.scss',
})
export class DonateComponent implements OnInit {
  private tierService = inject(TierService);

  tiers: Tier[] = [];
  loading = true;

  ngOnInit(): void {
    this.tierService.getTiers().subscribe({
      next: (data) => {
        this.tiers = data;
        this.loading = false;
      },
      error: () => {
        this.loading = false;
        this.tiers = [];
      },
    });
  }
}