From e2b34ec9ef9bf22595fdefd6cb5448ad1e6dbb9a Mon Sep 17 00:00:00 2001
From: Aditya Chandel <8075870+adityachandelgit@users.noreply.github.com>
Date: Sat, 18 Oct 2025 09:43:04 -0600
Subject: [PATCH] Fix: preserve genre list when adding multiple genres (#1386)

---
 .../metadata-editor/metadata-editor.component.html          | 6 +++---
 .../metadata-editor/metadata-editor.component.ts            | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/booklore-ui/src/app/features/metadata/component/book-metadata-center/metadata-editor/metadata-editor.component.html b/booklore-ui/src/app/features/metadata/component/book-metadata-center/metadata-editor/metadata-editor.component.html
index e63545c37..6c51145a9 100644
--- a/booklore-ui/src/app/features/metadata/component/book-metadata-center/metadata-editor/metadata-editor.component.html
+++ b/booklore-ui/src/app/features/metadata/component/book-metadata-center/metadata-editor/metadata-editor.component.html
@@ -1,5 +1,5 @@
 @if (book$ | async; as book) {
-  <form [formGroup]="metadataForm" (ngSubmit)="onSave()" class="flex flex-col h-full md:min-w-[90rem]">
+  <form [formGroup]="metadataForm" class="flex flex-col h-full md:min-w-[90rem]">
     @if (isLoading) {
       <div class="absolute inset-0 bg-black opacity-25 z-10 "></div>
     }
@@ -510,7 +510,7 @@
             <p-button label="Unlock All" icon="pi pi-lock-open" [outlined]="true" severity="success" (onClick)="unlockAll()" pTooltip="Unlock all metadata fields for editing" tooltipPosition="top"></p-button>
             <p-button label="Lock All" icon="pi pi-lock" [outlined]="true" severity="warn" (onClick)="lockAll()" pTooltip="Lock all metadata fields to prevent changes" tooltipPosition="top"></p-button>
             <p-divider layout="vertical"/>
-            <p-button label="Save" icon="pi pi-check" [loading]="isSaving" [disabled]="isSaving" type="submit"></p-button>
+            <p-button label="Save" icon="pi pi-check" [loading]="isSaving" [disabled]="isSaving" (onClick)="onSave()"></p-button>
           </div>
         </div>
 
@@ -561,7 +561,7 @@
                 icon="pi pi-check"
                 [loading]="isSaving"
                 [disabled]="isSaving"
-                type="submit">
+                (onClick)="onSave()">
               </p-button>
             </div>
           </div>
diff --git a/booklore-ui/src/app/features/metadata/component/book-metadata-center/metadata-editor/metadata-editor.component.ts b/booklore-ui/src/app/features/metadata/component/book-metadata-center/metadata-editor/metadata-editor.component.ts
index cae21ec35..ce7a931e3 100644
--- a/booklore-ui/src/app/features/metadata/component/book-metadata-center/metadata-editor/metadata-editor.component.ts
+++ b/booklore-ui/src/app/features/metadata/component/book-metadata-center/metadata-editor/metadata-editor.component.ts
@@ -3,7 +3,7 @@ import {InputText} from "primeng/inputtext";
 import {Button} from "primeng/button";
 import {Divider} from "primeng/divider";
 import {FormControl, FormGroup, FormsModule, ReactiveFormsModule,} from "@angular/forms";
-import {Observable} from "rxjs";
+import {Observable, sample} from "rxjs";
 import {AsyncPipe} from "@angular/common";
 import {MessageService} from "primeng/api";
 import {Book, BookMetadata, MetadataClearFlags, MetadataUpdateWrapper,} from "../../../../book/model/book.model";
@@ -16,7 +16,6 @@ import {Tooltip} from "primeng/tooltip";
 import {filter, take} from "rxjs/operators";
 import {DialogService} from "primeng/dynamicdialog";
 import {takeUntilDestroyed} from "@angular/core/rxjs-interop";
-import {MetadataRefreshRequest} from "../../../model/request/metadata-refresh-request.model";
 import {MetadataRefreshType} from "../../../model/request/metadata-refresh-type.enum";
 import {AutoComplete} from "primeng/autocomplete";
 import {Textarea} from "primeng/textarea";
@@ -24,7 +23,6 @@ import {IftaLabel} from "primeng/iftalabel";
 import {Image} from "primeng/image";
 import {LazyLoadImageModule} from "ng-lazyload-image";
 import {CoverSearchComponent} from '../../cover-search/cover-search.component';
-import {TaskCreateRequest, TaskType} from '../../../../settings/task-management/task.service';
 import {TaskHelperService} from '../../../../settings/task-management/task-helper.service';
 
 @Component({
@@ -683,4 +681,6 @@ export class MetadataEditorComponent implements OnInit {
       }
     });
   }
+
+  protected readonly sample = sample;
 }