TWNTY-4203 - Improve Email Thread Visibility with Collapse/Expansion Rules (#5202)

### Description

Improve Email Thread Visibility with Collapse/Expansion Rules

### Refs
#4203

### Demo


https://github.com/twentyhq/twenty/assets/140154534/ece1d783-57ef-45c9-9895-3b4b0e02b9e2


Fixes #4203

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
This commit is contained in:
gitstart-app[bot]
2024-04-29 18:10:42 +02:00
committed by GitHub
parent 6065201acd
commit c946572fde
4 changed files with 82 additions and 2 deletions

View File

@ -31,14 +31,16 @@ type EmailThreadMessageProps = {
body: string;
sentAt: string;
participants: EmailThreadMessageParticipant[];
isExpanded?: boolean;
};
export const EmailThreadMessage = ({
body,
sentAt,
participants,
isExpanded = false,
}: EmailThreadMessageProps) => {
const [isOpen, setIsOpen] = useState(false);
const [isOpen, setIsOpen] = useState(isExpanded);
const from = participants.find((participant) => participant.role === 'from');
const receivers = participants.filter(