diff --git a/static/components/direct-messages/direct-messages.js b/static/components/direct-messages/direct-messages.js
index 23d5ca2..ba965c5 100644
--- a/static/components/direct-messages/direct-messages.js
+++ b/static/components/direct-messages/direct-messages.js
@@ -2,10 +2,13 @@ async function directMessages(path) {
   const template = await loadTemplateAsync(path)
   Vue.component('direct-messages', {
     name: 'direct-messages',
-    props: ['adminkey', 'inkey'],
+    props: ['active-chat-customer', 'adminkey', 'inkey'],
     template,
 
     watch: {
+      activeChatCustomer: async function (n) {
+        this.activePublicKey = n
+      },
       activePublicKey: async function (n) {
         await this.getDirectMessages(n)
       }
diff --git a/templates/nostrmarket/index.html b/templates/nostrmarket/index.html
index 051f524..74e9af8 100644
--- a/templates/nostrmarket/index.html
+++ b/templates/nostrmarket/index.html
@@ -148,8 +148,9 @@
       <direct-messages
         :inkey="g.user.wallets[0].inkey"
         :adminkey="g.user.wallets[0].adminkey"
+        :active-chat-customer="activeChatCustomer"
       >
-        <!-- :active-public-key="activeChatCustomer" -->
+        
       </direct-messages>
     </div>
   </div>