Twenty•2y ago

Message Thread Member Chip

Hi! I am trying to implement the chip that was requested in the issue https://github.com/twentyhq/twenty/issues/4199 . Would you be able to tell me if this particular chip component and respective menu is already implemented? Thanks in advance

GitHub

Share an email thread to workspace members · Issue #4199 · twentyhq...

Product behavior 1- I click on the people chip on a thread panel There are 3 different states for this chip: The thread is shared with some other workspace member: This thread has not been shared w...

charles•5/23/24, 7:31 AM

It's a good question! We should try to re-use existing pieces

charles•5/23/24, 7:32 AM

The Chip Component does exist (packages/twenty-ui/src/display/chip/components/Chip.tsx)

charles•5/23/24, 7:33 AM

but it does not support: multiple picture + "+ n" + dropdown

charles•5/23/24, 7:34 AM

We need to check the figma to see what Design (aka @Thomas) has in mind: https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=16093-65962&t=WG0bayZsn9Y1dU4d-0

Figma

Twenty

Created with Figma

charles•5/23/24, 7:35 AM

In FIgma, it does not seem to be related to another component, it seems to be a Standalone

charles•5/23/24, 7:36 AM

@Thomas should we create a UI component below ShareDropdownButton? Something like: MultipleChip?

charles•5/23/24, 7:36 AM

what would be part of the component library MultipleChip or the whole ShareDropdownButton? (ie is this design only for sharing or is there a broader concept below it?)

charles•5/23/24, 7:37 AM

Regarding the eng details, Chip seems to have a leftComponent and a rightComponent, you might be able to use it to build this ShareDropdownButton

charles•5/23/24, 7:38 AM

regargind the Dropdown, you can leverage Dropdown.tsx