show msg id

Author: dcodesdev

apps/web/src/pages/dashboard/messages/columns.tsx

@@ -72,8 +72,8 @@ export const columns = ({
     },
     {
       id: "messageId",
-      header: "ID",
-      cell: ({ row }) => <MessageIdCell messageId={row.original.id} />,
+      header: "Message ID",
+      cell: ({ row }) => <MessageIdCell messageId={row.original.messageId} />,
     },
     {
       id: "actions",

apps/web/src/pages/dashboard/messages/message-id-cell.tsx

@@ -9,10 +9,16 @@ import {
 } from "@repo/ui"
 import { Copy, Hash } from "lucide-react"
 
-export function MessageIdCell({ messageId }: { messageId: string }) {
+export function MessageIdCell({ messageId }: { messageId: string | null }) {
   const copyToClipboard = () => {
-    navigator.clipboard.writeText(messageId)
-    toast.success("Message ID copied to clipboard")
+    if (messageId) {
+      navigator.clipboard.writeText(messageId)
+      toast.success("Message ID copied to clipboard")
+    }
+  }
+
+  if (!messageId) {
+    return <span className="text-muted-foreground text-sm">-</span>
   }
 
   return (

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.9.20-beta.5",
+  "version": "0.9.20-beta.6",
   "name": "letterspace",
   "private": true,
   "scripts": {