diff --git a/components/Message.vue b/components/Message.vue index 198a88b..61ffdb6 100644 --- a/components/Message.vue +++ b/components/Message.vue @@ -146,18 +146,18 @@ console.log("media links:", mediaLinks); //} const menuItems: ContextMenuItem[] = [ - { name: "Reply", icon: "lucide:reply", callback: () => { if (messageElement.value) replyToMessage(messageElement.value, props) } } + { name: "Reply", icon: "lucide:reply", type: "normal", callback: () => { if (messageElement.value) replyToMessage(messageElement.value, props) } } ] console.log("me:", props.me); if (props.author?.uuid == props.me.uuid) { // Inserts "edit" option at index 1 (below the "reply" option) - menuItems.splice(1, 0, { name: "Edit (WIP)", icon: "lucide:square-pen", callback: () => { /* if (messageElement.value) editMessage(messageElement.value, props) */ } }); + menuItems.splice(1, 0, { name: "Edit (WIP)", icon: "lucide:square-pen", type: "normal", callback: () => { /* if (messageElement.value) editMessage(messageElement.value, props) */ } }); } if (props.author?.uuid == props.me.uuid /* || check message delete permission*/) { // Inserts "edit" option at index 2 (below the "edit" option) - menuItems.splice(2, 0, { name: "Delete (WIP)", icon: "lucide:trash", callback: () => {} }); + menuItems.splice(2, 0, { name: "Delete (WIP)", icon: "lucide:trash", type: "danger", callback: () => {} }); } function getDayDifference(date1: Date, date2: Date) { diff --git a/components/UserInterface/ContextMenu.vue b/components/UserInterface/ContextMenu.vue index 5b8f165..44513be 100644 --- a/components/UserInterface/ContextMenu.vue +++ b/components/UserInterface/ContextMenu.vue @@ -1,6 +1,8 @@