From bdf7af4b614c8748faf027c693d4a151bffb07b7 Mon Sep 17 00:00:00 2001
From: marcoelissa <marco.elissa@gmail.com>
Date: Thu, 10 Nov 2022 15:35:24 +0700
Subject: [PATCH] minor changes

---
 .../Orbis/DirectMessages/Conversation.tsx     | 20 +++++++++++++------
 src/components/Profile/Header/index.tsx       |  2 +-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/@shared/Orbis/DirectMessages/Conversation.tsx b/src/components/@shared/Orbis/DirectMessages/Conversation.tsx
index 7d823d7f9..bfdaeec5a 100644
--- a/src/components/@shared/Orbis/DirectMessages/Conversation.tsx
+++ b/src/components/@shared/Orbis/DirectMessages/Conversation.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import React, { useEffect, useRef } from 'react'
 import { useOrbis } from '@context/Orbis'
 import Time from '@shared/atoms/Time'
 import DecryptedMessage from './DecryptedMessage'
@@ -11,6 +11,8 @@ export default function DmConversation({
 }) {
   const { account } = useOrbis()
 
+  const conversationBox = useRef(null)
+
   const showTime = (index: number): boolean => {
     const nextMessage = messages[index + 1]
     if (!nextMessage || messages[index].creator !== nextMessage.creator)
@@ -21,13 +23,19 @@ export default function DmConversation({
 
   useEffect(() => {
     console.log(messages)
-    // messages.forEach((message) => {
-    //   decryptMessage(message?.content)
-    // })
-  }, [messages])
+    if (messages.length && conversationBox) {
+      setTimeout(() => {
+        console.log(
+          conversationBox.current.scrollTop,
+          conversationBox.current.scrollHeight
+        )
+        conversationBox.current.scrollTop = conversationBox.current.scrollHeight
+      }, 100)
+    }
+  }, [messages, conversationBox])
 
   return (
-    <div className={styles.conversationBox}>
+    <div ref={conversationBox} className={styles.conversationBox}>
       {messages.map((message, index) => (
         <div
           key={index}
diff --git a/src/components/Profile/Header/index.tsx b/src/components/Profile/Header/index.tsx
index 273d87cd2..610313707 100644
--- a/src/components/Profile/Header/index.tsx
+++ b/src/components/Profile/Header/index.tsx
@@ -109,7 +109,7 @@ export default function AccountHeader({
               disabled={!userDid}
               onClick={checkConversation}
             >
-              Send Messages
+              Send Direct Messages
             </Button>
           </div>
         )}