diff --git a/frontend/src/app/shared/components/dropdown/dropdown.component.html b/frontend/src/app/shared/components/dropdown/dropdown.component.html
index 8425eec..c5e477b 100644
--- a/frontend/src/app/shared/components/dropdown/dropdown.component.html
+++ b/frontend/src/app/shared/components/dropdown/dropdown.component.html
@@ -35,12 +35,14 @@
@if (filteredItems().length > 0) {
@for (item of filteredItems(); track item) {
-
- {{ item }}
+
+
+ {{ item }}
+
@if (item === selectedItem()) {
+ } @else {
+
}
-
+
}
{{ dividerText() }}
diff --git a/frontend/src/app/shared/components/dropdown/dropdown.component.ts b/frontend/src/app/shared/components/dropdown/dropdown.component.ts
index 3de8066..e8817b6 100644
--- a/frontend/src/app/shared/components/dropdown/dropdown.component.ts
+++ b/frontend/src/app/shared/components/dropdown/dropdown.component.ts
@@ -35,6 +35,7 @@ export class DropdownComponent {
);
public itemSelected: OutputEmitterRef = output();
public submitNewItems: OutputEmitterRef = output();
+ public itemEdit: OutputEmitterRef = output();
public onInput(event: Event): void {
const value = (event.target as HTMLInputElement).value;
@@ -62,6 +63,13 @@ export class DropdownComponent {
this.showDropdown.set(true);
}
+ public editItem(item: string, event: MouseEvent): void {
+ event.preventDefault();
+ event.stopPropagation();
+ // TODO: Implement edit item functionality
+ this.itemEdit.emit(item);
+ }
+
public selectItem(item: string): void {
this.searchTerm.set(item);
this.selectedItem.set(item);