From 8eb2f4e7e36c7b074b57c3c7e3ef1faf597c93ee Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Sat, 15 Jan 2022 15:59:25 +0000
Subject: [PATCH] fix(messaging): bring cursor pointer back for av.

---
 src/components/common/messaging/Message.tsx       | 2 +-
 src/components/common/messaging/MessageBase.tsx   | 8 +++++++-
 src/components/common/messaging/SystemMessage.tsx | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/common/messaging/Message.tsx b/src/components/common/messaging/Message.tsx
index b3ead6b3..a5d0648a 100644
--- a/src/components/common/messaging/Message.tsx
+++ b/src/components/common/messaging/Message.tsx
@@ -130,7 +130,7 @@ const Message = observer(
                     }
                     onMouseEnter={() => setAnimate(true)}
                     onMouseLeave={() => setAnimate(false)}>
-                    <MessageInfo>
+                    <MessageInfo click={typeof head !== "undefined"}>
                         {head ? (
                             <UserIcon
                                 url={message.generateMasqAvatarURL()}
diff --git a/src/components/common/messaging/MessageBase.tsx b/src/components/common/messaging/MessageBase.tsx
index ed7614b7..0b382f07 100644
--- a/src/components/common/messaging/MessageBase.tsx
+++ b/src/components/common/messaging/MessageBase.tsx
@@ -134,7 +134,7 @@ export default styled.div<BaseMessageProps>`
     }
 `;
 
-export const MessageInfo = styled.div`
+export const MessageInfo = styled.div<{ click: boolean }>`
     width: 62px;
     display: flex;
     flex-shrink: 0;
@@ -183,6 +183,12 @@ export const MessageInfo = styled.div`
         margin-right: 0.5em;
         color: var(--tertiary-foreground);
     }
+
+    ${(props) =>
+        props.click &&
+        css`
+            cursor: pointer;
+        `}
 `;
 
 export const MessageContent = styled.div`
diff --git a/src/components/common/messaging/SystemMessage.tsx b/src/components/common/messaging/SystemMessage.tsx
index b1059536..66a84685 100644
--- a/src/components/common/messaging/SystemMessage.tsx
+++ b/src/components/common/messaging/SystemMessage.tsx
@@ -147,7 +147,7 @@ export const SystemMessage = observer(
                         : undefined
                 }>
                 {!hideInfo && (
-                    <MessageInfo>
+                    <MessageInfo click={false}>
                         <MessageDetail message={message} position="left" />
                         <SystemMessageIcon className="systemIcon" />
                     </MessageInfo>