listmonk: remove

src/app/core/mailing-list/mailing-list.component.html

@@ -1,15 +1,6 @@
 <div class="typography">
   <h2 i18n>Subscribe to the {{ listName }} mailing list</h2>
-  <form (submit)="$event.preventDefault();submit()" [formGroup]="form" class="form">
-    <feel-text-field formControlName="email" i18n-label label="E-Mail" type="text">
-      <feel-form-error *ngIf="form.controls?.['email']?.touched && !form.controls?.['email']?.valid" i18n>A valid
-        e-mail
-        is required!
-      </feel-form-error>
-    </feel-text-field>
-
-    <feel-button [disabled]="working || !form.valid" class="button" i18n-label label="Submit">
-      <app-icon-send/>
-    </feel-button>
-  </form>
+  <feel-button *ngIf="listId" class="button" i18n-label label="Submit" [link]='buildLink(listId)'>
+    <app-icon-send />
+  </feel-button>
 </div>

src/app/core/mailing-list/mailing-list.component.ts

@@ -1,23 +1,17 @@
-import {Component, Input} from '@angular/core';
-import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms'
-import {CardComponent} from "../card/card.component";
-import {CommonModule} from "@angular/common";
-import {MailingListService} from "../../api/mailing-list.service";
-import {ButtonComponent, FormErrorComponent, TextFieldComponent} from "@feel/form";
-import {IconSendComponent} from "../../icons/icon-send/icon-send.component";
-import {NotificationService} from "@feel/notification";
+import { Component, Input } from '@angular/core';
+import { CardComponent } from "../card/card.component";
+import { CommonModule } from "@angular/common";
+import { ButtonComponent } from "@feel/form";
+import { IconSendComponent } from "../../icons/icon-send/icon-send.component";
 
 @Component({
   selector: 'app-mailing-list',
   templateUrl: './mailing-list.component.html',
   styleUrls: ['./mailing-list.component.scss'],
   imports: [
     CommonModule,
-    ReactiveFormsModule,
     CardComponent,
-    TextFieldComponent,
     ButtonComponent,
-    FormErrorComponent,
     IconSendComponent,
   ],
   standalone: true
@@ -27,40 +21,9 @@ export class MailingListComponent {
   @Input()
   public listName: string | null = null;
   @Input()
-  public listId: number | null = null;
-  protected form = new FormGroup({
-    email: new FormControl(null, [Validators.required, Validators.email]),
-  });
-  protected working = false;
+  public listId: string | null = null;
 
-  constructor(
-    private readonly mailingListService: MailingListService,
-    private readonly notificationService: NotificationService,
-  ) {
-  }
-
-  protected submit(): void {
-    if (!Number.isFinite(this.listId)) {
-      throw new Error("Mailing list not defined");
-    }
-
-    if (this.working || !this.form.valid) {
-      return;
-    }
-
-    const value = this.form.value;
-
-    this.working = true;
-    this.mailingListService.subscribe(this.listId!, value.email!)
-      .subscribe({
-        next: () => {
-          this.notificationService.success($localize`Successfully subscribed to mailing list.`);
-        },
-        error: err => {
-          console.error(err);
-          this.notificationService.error($localize`Failed to subscribe to mailing list.`);
-        },
-        complete: () => this.working = false,
-      });
+  protected buildLink(listId: string): string {
+    return `https://lists.dd-ix.net/postorius/lists/${listId}.lists.dd-ix.net/`;
   }
 }

src/app/pages/blog/blog.routes.ts

@@ -5,11 +5,7 @@ export const routes: Routes = [
     path: '',
     loadComponent: () => import("./blog-list/blog-list.component").then(c => c.BlogListComponent),
   },
-  {
-    path: 'subscribe',
-    loadComponent: () => import("./blog-subscribe/blog-subscribe.component").then(c => c.BlogSubscribeComponent)
-  },
-  {
+   {
     path: ':slug',
     loadComponent: () => import("./blog-post/blog-post.component").then(c => c.BlogPostComponent)
   },