From 6dc5ba1a1eadb0caa9081b39e70bf1f0135e6801 Mon Sep 17 00:00:00 2001
From: Andreas Huber <andreas.huber@lucares.de>
Date: Sun, 29 Sep 2024 13:51:06 +0200
Subject: [PATCH] convert main page into standalone component

---
 pdb-js/src/app/app.module.ts                      |  8 +++++---
 pdb-js/src/app/main-page/main-page.component.scss |  0
 pdb-js/src/app/main-page/main-page.component.ts   | 15 +++++++--------
 3 files changed, 12 insertions(+), 11 deletions(-)
 delete mode 100644 pdb-js/src/app/main-page/main-page.component.scss

diff --git a/pdb-js/src/app/app.module.ts b/pdb-js/src/app/app.module.ts
index bcb498c..1c4d4ff 100644
--- a/pdb-js/src/app/app.module.ts
+++ b/pdb-js/src/app/app.module.ts
@@ -6,7 +6,6 @@ import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 
 import { AppRoutingModule } from "./app-routing.module";
 import { AppComponent } from "./app.component";
-import { MainPageComponent } from "./main-page/main-page.component";
 import { HelpPageComponent } from "./help-page/help-page.component";
 import { UploadPageComponent } from "./upload-page/upload-page.component";
 import { VisualizationPageComponent } from "./visualization-page/visualization-page.component";
@@ -57,10 +56,10 @@ import { DragDropModule } from "@angular/cdk/drag-drop";
 import { ConfirmationDialogComponent } from "./confirmation-dialog/confirmation-dialog.component";
 import { FocusDirective } from "./focus.directive";
 import { MarkdownModule } from "ngx-markdown";
+import { MainPageComponent } from "./main-page/main-page.component";
 
 @NgModule({ declarations: [
         AppComponent,
-        MainPageComponent,
         HelpPageComponent,
         UploadPageComponent,
         VisualizationPageComponent,
@@ -83,13 +82,16 @@ import { MarkdownModule } from "ngx-markdown";
         ConfirmationDialogComponent,
         FocusDirective,
     ],
-    bootstrap: [AppComponent], imports: [MarkdownModule.forRoot(),
+    bootstrap: [AppComponent], 
+    imports: [
+        MarkdownModule.forRoot(),
         BrowserModule,
         AppRoutingModule,
         FormsModule,
         ReactiveFormsModule,
         DatePickerComponent,
         DragDropModule,
+        MainPageComponent,
         MatAutocompleteModule,
         MatBadgeModule,
         MatButtonModule,
diff --git a/pdb-js/src/app/main-page/main-page.component.scss b/pdb-js/src/app/main-page/main-page.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/pdb-js/src/app/main-page/main-page.component.ts b/pdb-js/src/app/main-page/main-page.component.ts
index 4f98267..7f9ef79 100644
--- a/pdb-js/src/app/main-page/main-page.component.ts
+++ b/pdb-js/src/app/main-page/main-page.component.ts
@@ -1,15 +1,14 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
 
 @Component({
   selector: 'pdb-main-page',
   templateUrl: './main-page.component.html',
-  styleUrls: ['./main-page.component.scss']
+  standalone: true,
+  imports: [
+    RouterLink
+  ]
 })
-export class MainPageComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
+export class MainPageComponent {
 
 }