Discrepancies around attachments on chat composer component in Figma vs live version

[tonge495]

Hi Paste team,

We are working on the chat composer component with attachments. We noticed there are a few discrepancies between the Figma component vs what is actually being rendered on the front end by default:
Figma version

Front end version

Which version should we be using? Is the Figma version still pending development on your team's end? If so, is there an ETA on updating?

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Using Paste for customer-facing demo app (updated: 08/11/2023, similarity score: 87%)
• Latest paste version? (updated: 04/24/2023, similarity score: 87%)
• Media player (updated: 11/27/2023, similarity score: 86%)

[krisantrobus]

Hi Eileen,

Thank you for raising this, it looks like you are using the FileUploaderItem part of this component. In the Figma file you are referencing the component is actually ComposerAttachmentCard which is exported as part of @twilio-paste/core/chat-log. We have a Storybook for exactly what you are trying to build here and you can find the code for that here.

ComposerAttachmentCard is meant to be used when you are in the context of a chat whereas FileUploaderItem is designed to be used as part of a static document manager.

You can import it using:

import {ComposerAttachmentCard} from "@twilio-paste/core/chat-log"

We acknowledge our documentation for this is not obvious. We are looking to make enhancements in the upcoming sprints to address this issue and provide more examples how to use ChatComposer and it's various elements.

I hope this helps!

[tonge495]

Thanks @krisantrobus! I'll let the developers know.