#24: add create tag functionality

src/app/core/services/private-catalogs.service.ts

@@ -701,7 +701,7 @@ export class PrivateCatalogsService {
     );
   }
 
-  createTags(tag: Tag) {
+  createTags(tag: string) {
     const req = {
       request_body: {
         tag,

src/app/shared/components/publish-to-marketplace-page/publish-to-marketplace-page.component.ts

@@ -516,12 +516,6 @@ export class PublishToMarketplacePageComponent implements OnInit {
       .getSolutionDetails(this.solutionId, this.revisionId)
       .subscribe({
         next: (res) => {
-          const alert: Alert = {
-            message: 'Tag deleted successfully',
-            type: AlertType.Success,
-          };
-          this.alertService.notify(alert, 5000);
-          this.alertService.notify;
           const tagsList = res?.solutionTagList;
           this.tagsItems.update((tags: Tag[]) => [...tagsList]);
           this.publishToMarketPlaceForm.patchValue({
@@ -555,27 +549,45 @@ export class PublishToMarketplacePageComponent implements OnInit {
   }
 
   addTag(event: MatChipInputEvent): void {
-    const value = { tag: (event.value || '').trim() };
+    if (!(this.allTags().indexOf(event.value) > -1)) {
+      this.privateCatalogsService.createTags(event.value).subscribe({
+        next: (res) => {
+          const alert: Alert = {
+            message: 'Tag created successfully',
+            type: AlertType.Success,
+          };
+          this.alertService.notify(alert, 5000);
+          this.alertService.notify;
 
-    if (value) {
-      this.privateCatalogsService
-        .addTag(event.value, this.solutionId)
-        .subscribe({
-          next: (res) => {
-            const alert: Alert = {
-              message: 'Tag added successfully',
-              type: AlertType.Success,
-            };
-            this.alertService.notify(alert, 5000);
-            this.alertService.notify;
-            this.updateTags();
-            this.filteredTags.next(
-              this.updateAllTagsSignal(event.value, this.allTags()),
-            );
-          },
-          error: () => {},
-        });
+          this.privateCatalogsService.getAllTag().subscribe({
+            next: (res) => {
+              this.allTags.update((tags: string[]) => [...res]);
+              this.filteredTags.next(this.allTags());
+            },
+            error: () => {},
+          });
+        },
+        error: () => {},
+      });
     }
+    this.privateCatalogsService.addTag(event.value, this.solutionId).subscribe({
+      next: (res) => {
+        if (this.allTags().indexOf(event.value) > -1) {
+          const alert: Alert = {
+            message: 'Tag added successfully',
+            type: AlertType.Success,
+          };
+          this.alertService.notify(alert, 5000);
+          this.alertService.notify;
+          this.updateTags();
+          this.filteredTags.next(
+            this.updateAllTagsSignal(event.value, this.allTags()),
+          );
+        }
+        this.updateTags();
+      },
+      error: () => {},
+    });
 
     // Clear the input value
     event.chipInput!.clear();