cheogram-www

created pr with cheogram-www/click-nickname.1 on 2026-11-07T22:43:19Z · by 9e834e0d

added cheogram-www/click-nickname.2 on 2026-11-07T22:43:54Z · by 9e834e0d


                      1:  09a926a ! 1:  b380266 Click on nickname to mention

commented on 2026-11-09T14:41:33Z · by 3c31bc8c

lgtm

cmds

checkout latest patchset:

ssh pr.pico.sh pull cheogram-www:click-nickname | git am -3

checkout specific patchset revision:

ssh pr.pico.sh pull cheogram-www:click-nickname [rev] | git am -3

add changes to patch request:

git format-patch main --stdout | ssh pr.pico.sh cheogram-www:click-nickname

add comment to patch request:

ssh pr.pico.sh comment cheogram-www:click-nickname "lgtm!"

Patchset `cheogram-www/click-nickname.1` on 2026-11-07T22:43:19Z · commit 09a926a

→ Click on nickname to mention

Stephen Paul Weber 2026-11-07T22:42:53Z

Click on nickname to mention

Stephen Paul Weber 2026-11-07T22:42:53Z

Semantic diff summary

0 added, 5 modified, 0 signature changed, 0 removed across 2 analyzed files (1 file skipped: unsupported file type)

src/components/Chat.tsx

chunk lines 1406-1412 modified

src/components/MessageBubble.tsx

chunk lines 221-227 modified
chunk lines 231-237 modified
chunk lines 267-278 modified
chunk lines 335-345 modified

+8 -0 src/App.scss #

......@@ -785,6 +785,14 @@ div.cs-message__content {
	border: 0.125em solid lightcoral;
}

.clickable {
	cursor: pointer;

	&:hover {
		text-decoration: underline;
	}
}

.cs-conversation-header__back {
	button {
		font-size: inherit;

+1 -0 src/components/Chat.tsx #

......@@ -1406,6 +1406,7 @@ export const ChatInner = () => {
															client={client}
															members={members}
															setSelectedThread={setSelectedThread}
															onMention={addMention}
															m={m}
														>
															{m.type !==

+12 -6 src/components/MessageBubble.tsx #

......@@ -221,6 +221,7 @@ export const MessageBubble = ({
	setSelectedThread,
	className,
	children,
	onMention,
}: {
	chat: borogove.Chat;
	client: borogove.Client;

......@@ -230,6 +231,7 @@ export const MessageBubble = ({
	setSelectedThread: (id: string | null) => void;
	className?: string;
	children: ReactNode;
	onMention?: (member: borogove.Member) => void;
}) => {
	const navigate = useNavigate();

......@@ -265,6 +267,12 @@ export const MessageBubble = ({
		.replace(/\s*\b[A-Z]{2,4}$/, ""); // remove trailing TZ abbrev

	const sender = members.get(m.senderId);
	const showSender =
		m.senderId !== chat.chatId &&
		["last", "single"].includes(position) &&
		!m.moderationReason() &&
		m.isIncoming();
	const mention = sender && onMention ? () => onMention(sender) : undefined;

	return (
		<Message

......@@ -327,13 +335,11 @@ export const MessageBubble = ({
					<div className="meta">
						<div
							className={
								(m.senderId !== chat.chatId &&
								["last", "single"].includes(position) &&
								!m.moderationReason() &&
								m.isIncoming()
									? ""
									: "sr-only") + " h-card sender"
								(showSender ? "" : "sr-only") +
								" h-card sender " +
								(mention ? "clickable" : "")
							}
							onClick={mention}
						>
							{sender?.displayName}
						</div>

...	...		@@ -785,6 +785,14 @@ div.cs-message__content {
785	785		border: 0.125em solid lightcoral;
786	786		}
787	787
	788	+	.clickable {
	789	+	cursor: pointer;
	790	+
	791	+	&:hover {
	792	+	text-decoration: underline;
	793	+	}
	794	+	}
	795	+
788	796		.cs-conversation-header__back {
789	797		button {
790	798		font-size: inherit;

...	...		@@ -1406,6 +1406,7 @@ export const ChatInner = () => {
1406	1406		client={client}
1407	1407		members={members}
1408	1408		setSelectedThread={setSelectedThread}
	1409	+	onMention={addMention}
1409	1410		m={m}
1410	1411		>
1411	1412		{m.type !==

...	...		@@ -221,6 +221,7 @@ export const MessageBubble = ({
221	221		setSelectedThread,
222	222		className,
223	223		children,
	224	+	onMention,
224	225		}: {
225	226		chat: borogove.Chat;
226	227		client: borogove.Client;

...	...		@@ -230,6 +231,7 @@ export const MessageBubble = ({
230	231		setSelectedThread: (id: string \| null) => void;
231	232		className?: string;
232	233		children: ReactNode;
	234	+	onMention?: (member: borogove.Member) => void;
233	235		}) => {
234	236		const navigate = useNavigate();
235	237

...	...		@@ -265,6 +267,12 @@ export const MessageBubble = ({
265	267		.replace(/\s*\b[A-Z]{2,4}$/, ""); // remove trailing TZ abbrev
266	268
267	269		const sender = members.get(m.senderId);
	270	+	const showSender =
	271	+	m.senderId !== chat.chatId &&
	272	+	["last", "single"].includes(position) &&
	273	+	!m.moderationReason() &&
	274	+	m.isIncoming();
	275	+	const mention = sender && onMention ? () => onMention(sender) : undefined;
268	276
269	277		return (
270	278		<Message

...	...		@@ -327,13 +335,11 @@ export const MessageBubble = ({
327	335		<div className="meta">
328	336		<div
329	337		className={
330		-	(m.senderId !== chat.chatId &&
331		-	["last", "single"].includes(position) &&
332		-	!m.moderationReason() &&
333		-	m.isIncoming()
334		-	? ""
335		-	: "sr-only") + " h-card sender"
	338	+	(showSender ? "" : "sr-only") +
	339	+	" h-card sender " +
	340	+	(mention ? "clickable" : "")
336	341		}
	342	+	onClick={mention}
337	343		>
338	344		{sender?.displayName}
339	345		</div>

cheogram-www

Patchset cheogram-www/click-nickname.1 on 2026-11-07T22:43:19Z · commit 09a926a

Patchset `cheogram-www/click-nickname.1` on 2026-11-07T22:43:19Z · commit 09a926a