Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix for long message IDs that break the UI #555

Merged
merged 2 commits into from
Jan 21, 2025
Merged

Conversation

sarahhjchung
Copy link
Collaborator

Changes made:

  • Truncates (and adds an ellipses) message IDs in the live message table to be max 50 characters
  • Added a simple test to check that truncating occurs for long message IDs

Copy link

netlify bot commented Jan 21, 2025

Deploy Preview for fxms-skylight ready!

Name Link
🔨 Latest commit 228ec23
🔍 Latest deploy log https://app.netlify.com/sites/fxms-skylight/deploys/67900a175ff5d70008da3844
😎 Deploy Preview https://deploy-preview-555--fxms-skylight.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 100 (🟢 up 4 from production)
Accessibility: 91 (🟢 up 2 from production)
Best Practices: 92 (🟢 up 9 from production)
SEO: 100 (🟢 up 10 from production)
PWA: -
View the detailed breakdown and full score reports

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

@sarahhjchung sarahhjchung requested review from dmose and AllegroFox and removed request for dmose January 21, 2025 19:18
Copy link
Member

@dmose dmose left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work, and thanks for the quick turnaround complete with test. One nit to tweak, r=dmose once you've done so.

app/columns.tsx Outdated
{/* Quick fix for long message IDs that can break the UI */}
{props.row.original.id.length <= 50
? props.row.original.id
: props.row.original.id.substring(0, 50) + "..."}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nit: please use the Unicode ellipsis character (…) and test for that as well.

@sarahhjchung sarahhjchung merged commit f54e66e into main Jan 21, 2025
6 checks passed
@sarahhjchung sarahhjchung deleted the fix-long-message-ids branch January 21, 2025 21:00
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.

2 participants