diff --git a/chat/package.json b/chat/package.json index 85469fca4..255b95924 100644 --- a/chat/package.json +++ b/chat/package.json @@ -1,6 +1,6 @@ { "name": "chat", - "version": "0.1.7", + "version": "0.1.8", "main": "./src/index.tsx", "license": "MIT", "dependencies": { diff --git a/chat/src/App.css b/chat/src/App.css index 162246884..2cec3e65e 100644 --- a/chat/src/App.css +++ b/chat/src/App.css @@ -9,6 +9,7 @@ html { } body { + min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); overflow: hidden; /* mobile viewport bug fix */ diff --git a/chat/src/features/chat/ChatMessage.tsx b/chat/src/features/chat/ChatMessage.tsx index 79cd2f026..caeafba21 100644 --- a/chat/src/features/chat/ChatMessage.tsx +++ b/chat/src/features/chat/ChatMessage.tsx @@ -44,11 +44,21 @@ export function ChatMessage({ time, quotes, } = message; - const { admin, censored } = useRootContext(); + const { + id: userId, + username: userUsername, + admin, + censored, + themeColor, + } = useRootContext(); const { messageLookup, deleteMessage, quoteMessage } = useChat(); + const [confirmedDelete, setConfirmedDelete] = useState(false); const quotedMessage = messageLookup[quotes]; const content = censored ? text_censored : text_html; - const [confirmedDelete, setConfirmedDelete] = useState(false); + const isMention = + text_html.includes(`/id/${userId}`) && + userUsername && + username !== userUsername; const timestamp = useMemo( () => formatTimeAgo(time), [time, timestampUpdates] @@ -75,8 +85,17 @@ export function ChatMessage({
{!actionsOpen && (