Loading conversations...
;
- }
-
- return (
-
- {hasMoreMessages && (
-
- )}
-
- {messages.map((message) => {
- const isFromMe = message.pubkey === user?.pubkey;
-
- return (
-
-
- {message.error ? (
-
🔒 {message.error}
- ) : (
-
- {message.decryptedContent}
-
- )}
- {message.isSending && (
-
Sending...
- )}
-
-
- );
- })}
-
- );
-}
-```
-
-## Using the Complete Messaging Interface
-
-For a fully-featured messaging UI out of the box, use the `DMMessagingInterface` component:
-
-```tsx
-import { DMMessagingInterface } from "@/components/dm/DMMessagingInterface";
-
-function MessagesPage() {
- return (
-