Sonarly Claude Code c6b6384fe0 fix: add visual disabled state for restricted-visibility email thread rows
https://sonarly.com/issue/21284?type=bug

Users on the company record Emails tab rage-click on email thread rows that have METADATA or SUBJECT visibility, which silently blocks the click without adequate visual feedback.

Fix: Added visual disabled state (opacity: 0.5) to the `ActivityRow` component when the `disabled` prop is true.

Previously, disabled `ActivityRow` items only changed the cursor from `pointer` to `default` — a subtle cue easily missed, especially on Mac trackpads. Email thread rows with restricted visibility (METADATA or SUBJECT mode) appeared nearly identical to clickable rows, leading users to rage-click them expecting the side panel to open.

The fix passes the existing `disabled` prop through to the `StyledRowContentContainer` and applies `opacity: 0.5` when disabled. This is consistent with standard disabled-element UX patterns and makes it immediately visually apparent that the row is non-interactive. The existing "Not shared" lock icon + text indicator is preserved alongside this new visual cue.

This benefits all three consumers of `ActivityRow`: email thread previews, attachment rows, and task rows.
2026-04-02 16:43:31 +00:00

Twenty logo

The #1 Open-Source CRM

🌐 Website · 📚 Documentation · Roadmap · Discord · Figma


Cover


Installation

See: 🚀 Self-hosting 🖥️ Local Setup

Why Twenty

We built Twenty for three reasons:

CRMs are too expensive, and users are trapped. Companies use locked-in customer data to hike prices. It shouldn't be that way.

A fresh start is required to build a better experience. We can learn from past mistakes and craft a cohesive experience inspired by new UX patterns from tools like Notion, Airtable or Linear.

We believe in open-source and community. Hundreds of developers are already building Twenty together. Once we have plugin capabilities, a whole ecosystem will grow around it.


What You Can Do With Twenty

Please feel free to flag any specific needs you have by creating an issue.

Below are a few features we have implemented to date:

Personalize layouts with filters, sort, group by, kanban and table views

Companies Kanban Views

Customize your objects and fields

Setting Custom Objects

Create and manage permissions with custom roles

Permissions

Automate workflow with triggers and actions

Workflows

Emails, calendar events, files, and more

Other Features


Stack

Thanks

Chromatic Greptile Sentry Crowdin E2B

Thanks to these amazing services that we use and recommend for UI testing (Chromatic), code review (Greptile), catching bugs (Sentry) and translating (Crowdin).

Join the Community

Languages
TypeScript 78%
MDX 18.5%
JavaScript 3.1%
Python 0.2%