feat: add snippet renaming functionality and enhance UI with edit button

This commit is contained in:
2025-01-19 14:26:12 +02:00
parent fe9e554cec
commit 49705d7d30
3 changed files with 49 additions and 1 deletions

View File

@@ -29,6 +29,18 @@ export class UIManager {
contentDiv.textContent = `${indicator} ${snippet.name}`;
div.appendChild(contentDiv);
const buttonsDiv = document.createElement('div');
buttonsDiv.className = 'snippet-buttons';
const editButton = document.createElement('button');
editButton.className = 'edit-snippet';
editButton.innerHTML = '✏️';
editButton.onclick = (e) => {
e.stopPropagation();
this.snippetManager.renameSnippet(snippet.id);
};
buttonsDiv.appendChild(editButton);
const deleteButton = document.createElement('button');
deleteButton.className = 'delete-snippet';
deleteButton.innerHTML = '❌';
@@ -36,8 +48,9 @@ export class UIManager {
e.stopPropagation();
this.snippetManager.deleteSnippet(snippet.id);
};
div.appendChild(deleteButton);
buttonsDiv.appendChild(deleteButton);
div.appendChild(buttonsDiv);
container.appendChild(div);
});
}