From abf47fac6ee7c860a07f672ef8a2b3c0f41574ab Mon Sep 17 00:00:00 2001
From: Flaminel <flm.marius@gmail.com>
Date: Thu, 18 Dec 2025 18:55:33 +0200
Subject: [PATCH] fixed ntfy having redundant inputs

---
 .../ntfy-provider.component.html              | 30 ++-----------------
 .../ntfy-provider/ntfy-provider.component.ts  |  4 +--
 2 files changed, 3 insertions(+), 31 deletions(-)

diff --git a/code/frontend/src/app/settings/notification-settings/modals/ntfy-provider/ntfy-provider.component.html b/code/frontend/src/app/settings/notification-settings/modals/ntfy-provider/ntfy-provider.component.html
index e6758a99..82b4916d 100644
--- a/code/frontend/src/app/settings/notification-settings/modals/ntfy-provider/ntfy-provider.component.html
+++ b/code/frontend/src/app/settings/notification-settings/modals/ntfy-provider/ntfy-provider.component.html
@@ -44,26 +44,13 @@
         ></i>
         Topics *
       </label>
-      <!-- Mobile-friendly autocomplete (chips UI) -->
       <app-mobile-autocomplete
         [formControl]="topicsControl"
         placeholder="Enter topic names"
       ></app-mobile-autocomplete>
-
-      <!-- Desktop autocomplete (allows multiple entries) -->
-      <p-autocomplete
-        id="topics"
-        [formControl]="topicsControl"
-        multiple
-        fluid
-        [typeahead]="false"
-        placeholder="Add a topic and press Enter"
-        class="desktop-only w-full"
-      ></p-autocomplete>
-
       <small *ngIf="hasFieldError(topicsControl, 'required')" class="form-error-text">At least one topic is required</small>
       <small *ngIf="hasFieldError(topicsControl, 'minlength')" class="form-error-text">At least one topic is required</small>
-      <small class="form-helper-text">Enter the ntfy topics you want to publish to. Press Enter or comma to add each topic.</small>
+      <small class="form-helper-text">Enter the ntfy topics you want to publish to. Press Enter or click + to add each topic.</small>
     </div>
 
     <!-- Authentication Type -->
@@ -190,24 +177,11 @@
         ></i>
         Tags (Optional)
       </label>
-      <!-- Mobile-friendly autocomplete (chips UI) -->
       <app-mobile-autocomplete
         [formControl]="tagsControl"
         placeholder="Enter tag names"
       ></app-mobile-autocomplete>
-
-      <!-- Desktop autocomplete (allows multiple entries) -->
-      <p-autocomplete
-        id="tags"
-        [formControl]="tagsControl"
-        multiple
-        fluid
-        [typeahead]="false"
-        placeholder="Add a tag and press Enter"
-        class="desktop-only w-full"
-      ></p-autocomplete>
-
-      <small class="form-helper-text">Optional tags to add to notifications (e.g., warning, alert). Press Enter or comma to add each tag.</small>
+      <small class="form-helper-text">Optional tags to add to notifications (e.g., warning, alert). Press Enter or click + to add each tag.</small>
     </div>
   </div>
 </app-notification-provider-base>
diff --git a/code/frontend/src/app/settings/notification-settings/modals/ntfy-provider/ntfy-provider.component.ts b/code/frontend/src/app/settings/notification-settings/modals/ntfy-provider/ntfy-provider.component.ts
index 3cfd877a..203bbc20 100644
--- a/code/frontend/src/app/settings/notification-settings/modals/ntfy-provider/ntfy-provider.component.ts
+++ b/code/frontend/src/app/settings/notification-settings/modals/ntfy-provider/ntfy-provider.component.ts
@@ -1,8 +1,7 @@
-import { Component, Input, Output, EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges, inject } from '@angular/core';
+import { Component, Input, Output, EventEmitter, OnInit, OnChanges, SimpleChanges, inject } from '@angular/core';
 import { FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
 import { InputTextModule } from 'primeng/inputtext';
-import { AutoCompleteModule } from 'primeng/autocomplete';
 import { SelectModule } from 'primeng/select';
 import { MobileAutocompleteComponent } from '../../../../shared/components/mobile-autocomplete/mobile-autocomplete.component';
 import { NtfyFormData, BaseProviderFormData } from '../../models/provider-modal.model';
@@ -20,7 +19,6 @@ import { NtfyPriority } from '../../../../shared/models/ntfy-priority.enum';
     CommonModule,
     ReactiveFormsModule,
     InputTextModule,
-    AutoCompleteModule,
     SelectModule,
     MobileAutocompleteComponent,
     NotificationProviderBaseComponent