diff --git a/components/ContextMenu.vue b/components/ContextMenu.vue
index 3e710af..f767bcb 100644
--- a/components/ContextMenu.vue
+++ b/components/ContextMenu.vue
@@ -5,14 +5,9 @@
 </template>
 
 <script lang="ts" setup>
-const props = defineProps<{ cursorX: number, cursorY: number }>();
+import type { ContextMenuItem } from '~/types/interfaces';
 
-
-
-const menuItems = [
-	{ name: "Edit", callback: editMessage },
-	{ name: "Reply", callback: replyMessage }
-];
+const props = defineProps<{ menuItems: ContextMenuItem[], cursorX: number, cursorY: number }>();
 
 onMounted(() => {
 	const contextMenu = document.getElementById("context-menu");
diff --git a/components/Message.vue b/components/Message.vue
index 1df0dc9..94636c1 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -75,11 +75,14 @@ onMounted(async () => {
 //	showHover.value = !showHover.value;
 //}
 
-const nuxtApp = useNuxtApp();
-function emitId() {
-	// nuxtApp.callHook()
-}
+const menuItems = [
+	{ name: "Reply", callback: () => { if (messageElement.value) replyToMessage(messageElement.value, props) } }
+]
 
+console.log("me:", props.me);
+if (props.author?.uuid == props.me.uuid) {
+	menuItems.push({ name: "Edit", callback: () => { if (messageElement.value) editMessage(messageElement.value, props) } });
+}
 </script>
 
 <style scoped>