Skip to content

[CLNP-7019] fix: URL link text color blending with background in Thread#1393

Closed
OnestarLee wants to merge 3 commits intomainfrom
fix/url-message-text-color-in-thread
Closed

[CLNP-7019] fix: URL link text color blending with background in Thread#1393
OnestarLee wants to merge 3 commits intomainfrom
fix/url-message-text-color-in-thread

Conversation

@OnestarLee
Copy link
Contributor

Summary

  • Fixed URL link text color not displaying correctly in OG messages and text messages
  • URL links in outgoing messages were using wrong color (dark text on purple background)
  • Added isByMe prop to TextFragment component to properly pass the value from parent components

Ticket

https://sendbird.atlassian.net/browse/CLNP-7019

Changelogs

  • Fixed URL link text color in outgoing OG messages in Thread view
  • Fixed URL link text color in outgoing text messages
  • Fixed URL link text color in OpenChannel OG messages

Checklist

  • All tests pass locally with my changes
  • I have added tests that prove my fix is effective or that my feature works
  • Public components / utils / props are appropriately exported
  • I have added necessary documentation (if appropriate)

TextFragment was using MessageContext to get isByMe value, but parent
components (OGMessageItemBody, TextMessageItemBody, etc.) were not
wrapped in MessageProvider, causing isByMe to always be false.

This resulted in URL links in outgoing messages having ONBACKGROUND_1
color (dark text) instead of ONCONTENT_1 (white text), making them
blend into the purple background and become unreadable.

Fix: Add optional isByMe prop to TextFragment that takes precedence
over context value, and pass it from all parent components.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@netlify
Copy link

netlify bot commented Jan 28, 2026

Deploy Preview for sendbird-uikit-react ready!

Name Link
🔨 Latest commit ee2d020
🔍 Latest deploy log https://app.netlify.com/projects/sendbird-uikit-react/deploys/69796acbb6a96b0008f84a26
😎 Deploy Preview https://deploy-preview-1393--sendbird-uikit-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@OnestarLee OnestarLee force-pushed the fix/url-message-text-color-in-thread branch from 7336557 to ee2d020 Compare January 28, 2026 01:47
@OnestarLee OnestarLee closed this Jan 28, 2026
@OnestarLee OnestarLee deleted the fix/url-message-text-color-in-thread branch January 28, 2026 01:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant