fix wrong chip tag

UST-QuAntiL · Oct 5, 2023 · 3cc6c56 · 3cc6c56
1 parent e9f02b2
commit 3cc6c56
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/app/components-small/plugin-list-item/plugin-list-item.component.html b/src/app/components-small/plugin-list-item/plugin-list-item.component.html
@@ -6,6 +6,6 @@
         </qhana-plugin-last-used>
     </span>
     <mat-chip-listbox class="tags">
-        <mat-chip-option class="tag" *ngFor="let tag of plugin?.tags ?? []">{{tag}}</mat-chip-option>
+        <mat-chip class="tag" *ngFor="let tag of plugin?.tags ?? []">{{tag}}</mat-chip>
     </mat-chip-listbox>
 </div>
diff --git a/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.html b/src/app/components/experiment-workspace-detail/experiment-workspace-detail.component.html
@@ -44,9 +44,9 @@ <h2>Template Details</h2>
                 <p>Description: {{templateObject?.description}}</p>
                 <p>Tags:</p>
                 <mat-chip-listbox>
-                    <mat-chip-option *ngFor="let tag of templateObject?.tags">
+                    <mat-chip *ngFor="let tag of templateObject?.tags">
                         {{tag}}
-                    </mat-chip-option>
+                    </mat-chip>
                 </mat-chip-listbox>
             </ng-container>
         </mat-card-content>

diff --git a/src/app/components/experiment-workspace/experiment-workspace.component.html b/src/app/components/experiment-workspace/experiment-workspace.component.html
@@ -33,7 +33,7 @@ <h1 class="t-page-headline">Experiment Workspace</h1>
                             class="plugin-description-container {{expandedPluginDescription ? 'open' : 'closed'}}">
                             <div class="scroll-container">
                                 <mat-chip-listbox>
-                                    <mat-chip-option *ngFor="let tag of (activePlugin.tags ?? [])">{{tag}}</mat-chip-option>
+                                    <mat-chip *ngFor="let tag of (activePlugin.tags ?? [])">{{tag}}</mat-chip>
                                 </mat-chip-listbox>
                                 <qhana-markdown class="plugin-description" [markdown]="activePlugin.description"
                                     [editable]="false">

diff --git a/src/app/dialogs/change-ui-template/change-ui-template.dialog.html b/src/app/dialogs/change-ui-template/change-ui-template.dialog.html
@@ -29,10 +29,10 @@ <h1 mat-dialog-title>{{data.template ? 'Update' : 'Create'}} UI Template</h1>
         <div *ngIf="templateTags.length > 0">
             <h3>Tags:</h3>
             <mat-chip-listbox>
-                <mat-chip-option *ngFor="let tag of templateTags" [removable]="true" (removed)="removeTag(tag)">
+                <mat-chip *ngFor="let tag of templateTags" [removable]="true" (removed)="removeTag(tag)">
                     {{tag}}
                 <mat-icon matChipRemove>cancel</mat-icon>
-                </mat-chip-option>
+                </mat-chip>
             </mat-chip-listbox>
         </div>
     </div>