Create CommunityPost component

[sauldom102]

Description

Create new CommunityPost component.

Screenshots

Figma Link

https://www.figma.com/design/pZzg1KTe9lpKTSGPUZa8OJ/Web-Components?node-id=2333-12691&t=9eBZI2wvIjDCe1Tj-4

[github-actions]

🔍 Visual review for your branch is published 🔍

Here are the links to:

• the Visual Review Page

• the latest build on chromatic

• the full storybook

[nlopin]

I want to spin the design discussion. Why do we force users to click a post to read it? Why can't I see it full? I'm curious, how an average community post in factorial looks like

[nlopin]

Maybe content is a better name. Also if we expect an HTML string there, let's create an alias for this: type HTMLString = string and use it here for clarity

[sauldom102]

Given that in Figma we have the PostDescription component I would leave it here as description, and content in PostDescription component not to be redundant there

[nlopin]

We shouldn't implicitly couple the implementation with third party dependency. It should not leave in the factorial one I think

[sauldom102]

The thing is that existing posts and new ones that are created in Factorial use these classes and we should use them to give them some styles

[nlopin]

we will rely on the css provided by factorial. it is their responsibility to create the content and manage its style

With the proposed solution we will have to react on any class changes in Factorial content editor, creating a mandatory work to do on our side before the release. We must be agnostic to such issues because it will create time pressure which is bad for any design system.

I propose to keep this styles in Storybook files just to keep things visually clear, but document that the post only provide a shell for the content. The content style itself is the responsibility of the user

[sauldom102]

Then we should have control on Factorial One over what classes these posts can contain, we should provide these classes with an editor component as well that is on our side, otherwise we would be missing so much control over how these posts look.

We even have a PostDescription component in Figma that mandates how mentions should look.

I'd say we should also revisit these styles to guarantee that the colors used are part of the tokens and not some random ones.

[sauldom102]

I want to spin the design discussion. Why do we force users to click a post to read it? Why can't I see it full? I'm curious, how an average community post in factorial looks like

That's a very interesting discussion to have, let's talk about it internally with the design team!