popover for payment and message - users avatar

src/components/Group/Forum/GroupMail.tsx

@@ -54,6 +54,7 @@ import { LoadingSnackbar } from "../../Snackbar/LoadingSnackbar";
 import { executeEvent, subscribeToEvent, unsubscribeFromEvent } from "../../../utils/events";
 import RefreshIcon from '@mui/icons-material/Refresh';
 import { getBaseApiReact } from "../../../App";
+import { WrapperUserAction } from "../../WrapperUserAction";
 const filterOptions = ["Recently active", "Newest", "Oldest"];
 
 export const threadIdentifier = "DOCUMENT";
@@ -672,6 +673,7 @@ export const GroupMail = ({
                   }
                 }}
               >
+                 
                 <Avatar
                   sx={{
                     height: "50px",
@@ -682,11 +684,14 @@ export const GroupMail = ({
                 >
                   {thread?.threadData?.name?.charAt(0)}
                 </Avatar>
+               
                 <ThreadInfoColumn>
+               
                   <ThreadInfoColumnNameP>
                     <ThreadInfoColumnbyP>by </ThreadInfoColumnbyP>
                     {thread?.threadData?.name}
                   </ThreadInfoColumnNameP>
+             
                   <ThreadInfoColumnTime>
                     {formatTimestamp(thread?.threadData?.createdAt)}
                   </ThreadInfoColumnTime>

src/components/Group/Forum/ShowMessageWithoutModal.tsx

@@ -19,8 +19,9 @@ import ReadOnlySlate from "./ReadOnlySlate";
 import { MessageDisplay } from "../../Chat/MessageDisplay";
 import { getBaseApi } from "../../../background";
 import { getBaseApiReact } from "../../../App";
+import { WrapperUserAction } from "../../WrapperUserAction";
 
-export const ShowMessage = ({ message, openNewPostWithQuote }: any) => {
+export const ShowMessage = ({ message, openNewPostWithQuote, myName }: any) => {
   const [expandAttachments, setExpandAttachments] = useState<boolean>(false);
 
   let cleanHTML = "";
@@ -53,13 +54,17 @@ export const ShowMessage = ({ message, openNewPostWithQuote }: any) => {
 
           }}
         >
-          
+         <WrapperUserAction disabled={myName === message?.name} address={undefined} name={message?.name}>
            <Avatar  sx={{
                   height: '50px',
                   width: '50px'
                  }} src={`${getBaseApiReact()}/arbitrary/THUMBNAIL/${message?.name}/qortal_avatar?async=true`} alt={message?.name}>{message?.name?.charAt(0)}</Avatar>
+                  </WrapperUserAction>
           <ThreadInfoColumn>
+          
+         <WrapperUserAction disabled={myName === message?.name} address={undefined} name={message?.name}>
             <ThreadInfoColumnNameP>{message?.name}</ThreadInfoColumnNameP>
+            </WrapperUserAction>
             <ThreadInfoColumnTime>
               {formatTimestampForum(message?.created)}
             </ThreadInfoColumnTime>

src/components/Group/Forum/Thread.tsx

@@ -531,6 +531,7 @@ export const Thread = ({
                   key={message?.identifier}
                   message={fullMessage}
                   openNewPostWithQuote={openNewPostWithQuote}
+                  myName={userInfo?.name}
                 />
               );
             } else if(message?.tempData){
@@ -539,6 +540,7 @@ export const Thread = ({
                   key={message?.identifier}
                   message={message?.tempData}
                   openNewPostWithQuote={openNewPostWithQuote}
+                  myName={userInfo?.name}
                 />
               );
             }