Displays

Import from @workspace/bridge-react/misc/final-comment-display.

Overview

The comment display components share a compound pattern with Display and Empty sub-components. Use Display when content exists, Empty as a placeholder.

The same pattern is used by:

• FinalComment (this page) — purple left border
• AuctionComments — orange left border
• PlayComments — blue left border

FinalComment

FinalComment.Display

Shows the final comment with a purple left border. Accepts children for flexible content rendering (sanitized HTML, rich text, plain text).

import { FinalComment } from '@workspace/bridge-react/misc/final-comment-display';

<FinalComment.Display>
  <p>Great defense by East-West. The key was the diamond switch at trick 3.</p>
</FinalComment.Display>

Demo

Props

FinalComment.Empty

Placeholder shown when there is no final comment.

<FinalComment.Empty />
<FinalComment.Empty labels={{ message: "Pas de commentaire" }} />

Demo

Props