2 files changed, 20 insertions, 17 deletions
diff --git a/src/routes/(app)/dm/[recipient]/+page.server.ts b/src/routes/(app)/dm/[recipient]/+page.server.ts
index e202d8b4..0a320137 100644
--- a/src/routes/(app)/dm/[recipient]/+page.server.ts
+++ b/src/routes/(app)/dm/[recipient]/+page.server.ts
@@ -1,5 +1,6 @@
-export function load({ params }) {
-    return {
-        recipient: params.recipient
-    };
+import { get } from "$lib/utils";
+
+export async function load({ params }) {
+    const recipient = await get(`/users/${params.recipient}`);
+    return { recipient };
 }
diff --git a/src/routes/(app)/dm/[recipient]/+page.svelte b/src/routes/(app)/dm/[recipient]/+page.svelte
index c65931f5..aff22eed 100644
--- a/src/routes/(app)/dm/[recipient]/+page.svelte
+++ b/src/routes/(app)/dm/[recipient]/+page.svelte
@@ -1,22 +1,24 @@
 <script lang="ts">
- let { data } = $props();
  import Icon from "$comp/Icon.svelte";
+
+ let { data } = $props();
+ const { recipient } = data;
 </script>
 
 <div class="container">
-  <a
-    class="hover:opacity-80"
-    data-sveltekit-preload-data="false"
-    href="/{data.recipient}"
-  >
-    <Icon icon="arrow-left" style="w-10" />
-  </a>
+    <a
+      class="hover:opacity-80"
+      data-sveltekit-preload-data="false"
+      href="/{data.recipient}"
+    >
+        <Icon icon="arrow-left" style="w-10" />
+    </a>
 
-  <div class="space-y-2 mx-auto space-y-5 lg:max-w-xl xl:max-w-2xl lg:pl-10 mt-5 lg:mt-0">
-      <h1
-        class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]"
-      >Direct Messages</h1>
-      <p>You are sending nostr messages to {data.recipient}.</p>
+    <div class="space-y-2 mx-auto space-y-5 lg:max-w-xl xl:max-w-2xl lg:pl-10 mt-5 lg:mt-0">
+        <h1
+          class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]"
+        >Direct Messages</h1>
+        <p><em>Testing Message:</em> You are sending nostr messages to {recipient.username}.  Their pubkey is <code>{recipient.pubkey}</code>.</p>
 
       <textarea id="message-contents"></textarea>