Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-23 23:09:37 +02:00
Code Issues Releases Activity

chore: Add delete functionality to NoteCard component

Browse source
This commit is contained in:
Sean Morley 2024-08-04 12:37:04 -04:00
parent 7c2b0e927d
commit 89bf310340
3 changed files with 35 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/lib/components/NoteCard.svelte
View file

@ -6,13 +6,25 @@
const dispatch = createEventDispatcher();
import Launch from '~icons/mdi/launch';
import FileDocumentEdit from '~icons/mdi/file-document-edit';
import TrashCan from '~icons/mdi/trash-can';
export let note: Note;
function editNote() {
dispatch('edit', note);
}
async function deleteNote() {
const res = await fetch(`/api/notes/${note.id}`, {
method: 'DELETE'
});
if (res.ok) {
addToast('success', 'Note deleted successfully');
dispatch('delete', note.id);
} else {
addToast('Failed to delete note', 'error');
}
}
</script>
<div
@ -27,6 +39,12 @@
<button class="btn btn-neutral mb-2" on:click={editNote}>
<Launch class="w-6 h-6" />Open
</button>
<button
id="delete_adventure"
data-umami-event="Delete Adventure"
class="btn btn-warning"
on:click={deleteNote}><TrashCan class="w-6 h-6" />Delete</button
>
</div>
</div>
</div>