import {Component} from '@angular/core';
import {
  NshmpAboutContentComponent,
  NshmpAboutDescriptionComponent,
  NshmpAboutDescriptionTitleComponent,
  NshmpAboutNavMenuComponent,
  NshmpAboutOptionsComponent,
  NshmpAboutPlotlyComponent,
  NshmpAboutUsingApplicationExpansionPanelComponent,
} from '@ghsc/nshmp-lib-ng/about';
import {changelogs} from 'projects/nshmp-apps/src/app/changelog';
import {apps} from 'projects/nshmp-apps/src/shared/utils/applications.utils';

/**
 * About page for dynamic hazard application.
 */
@Component({
  imports: [
    NshmpAboutContentComponent,
    NshmpAboutDescriptionComponent,
    NshmpAboutDescriptionTitleComponent,
    NshmpAboutUsingApplicationExpansionPanelComponent,
    NshmpAboutPlotlyComponent,
    NshmpAboutOptionsComponent,
    NshmpAboutNavMenuComponent,
  ],
  selector: 'app-about',
  styleUrl: './about.component.scss',
  templateUrl: './about.component.html',
})
export class AboutComponent {
  logs = changelogs(apps().hazard.dynamic.routerLink);
}