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)}> - + {head ? ( ` } `; -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 && ( - +