Skip to content

Feat/28 message bubble component - #77

Open
BezkorovainaYuliia wants to merge 14 commits into
mainfrom
feat/28-message-bubble-component
Open

BezkorovainaYuliia wants to merge 14 commits into
mainfrom
feat/28-message-bubble-component

Conversation

@BezkorovainaYuliia

@BezkorovainaYuliia BezkorovainaYuliia commented Oct 5, 2026 •

Copy link
Copy Markdown
Collaborator

I have done my part. It's MessageBubble components.

Bildschirmfoto 2026-10-05 um 17 58 47 Bildschirmfoto 2026-10-05 um 17 59 02 Bildschirmfoto 2026-10-05 um 18 07 09

@vercel

vercel Bot commented Oct 5, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
redicycle Error Error Oct 12, 2026 6:12pm UTC

Request Review

@BezkorovainaYuliia BezkorovainaYuliia linked an issue Oct 5, 2026 that may be closed by this pull request
11 tasks done
@BezkorovainaYuliia

Copy link
Copy Markdown
Collaborator Author
Bildschirmfoto 2026-10-05 um 17 58 47 Bildschirmfoto 2026-10-05 um 17 59 02

Comment thread frontend/src/components/MessageBubble/MessageBubble.types.ts
},
});

export const messageBubbleTimestampStyles = tv({

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would it make sense to combine these using slots? Since both elements share the own variant, a single tv call with slots would keep the JSX cleaner.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@payam-sharifi yes you are right. I change this

return (
<div className={messageBubbleStyles({ own })}>
<p>{text}</p>
{timestamp && <time className={messageBubbleTimestampStyles({ own })}>{timestamp}</time>}

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If we combine the styles into slots, we can pass { own } just once here instead of calling two separate style functions.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

…we have only one style

Edit MessageBubble because of style

@BezkorovainaYuliia BezkorovainaYuliia left a comment

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I edit style

@BezkorovainaYuliia

Copy link
Copy Markdown
Collaborator Author

@fabiorodriguesdev i have some error with Vercel. I don't know why? 😔

@fabiorodriguesdev

Copy link
Copy Markdown
Collaborator

Hi! The failing Vercel check on this PR isn't caused by your changes. Every preview was running migrations against the production database, and one stuck migration there broke all previews (Prisma error P3009).

That's fixed in #83: previews now have their own database, separate from production. To get a green preview, please update your branch with main, either with the Update branch button below or locally:

git fetch origin
git merge origin/main
git push

One rule to keep in mind from now on: never edit, rename or regenerate a migration once it has been pushed; add a new one instead. Details are in ARCHITECTURE.md.

@BezkorovainaYuliia BezkorovainaYuliia left a comment

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

Comment thread frontend/src/components/MessageBubble/MessageBubble.stories.tsx
@BezkorovainaYuliia

Copy link
Copy Markdown
Collaborator Author

@denniesia @payam-sharifi @albsbz can someone pls merge my branch.

This branch had an error being deployed

1 failed deployment
Preview — 0b485c5d Deployed Oct 12, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Build the MessageBubble component

5 participants