Skip to content

Conversation

@m-hulbert
Copy link
Contributor

@m-hulbert m-hulbert commented Feb 9, 2026

Description

The nested table component introduced in #3130 didn't allow for multiple tables to be reference in a cell, nor for a table + text when a property could be of different types.

This PR adds that functionality and also adds a unit test for nested tables in general.

You can temporarily test it here.

Screenshot 2026-02-09 at 15 51 59 Screenshot 2026-02-09 at 15 52 25

Checklist

@m-hulbert m-hulbert self-assigned this Feb 9, 2026
@coderabbitai
Copy link

coderabbitai bot commented Feb 9, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch dx-720-nested-multiple-types

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@m-hulbert m-hulbert added the review-app Create a Heroku review app label Feb 9, 2026
@ably-ci ably-ci had a problem deploying to ably-docs-dx-720-nested-nlmytf February 9, 2026 15:17 Failure
Copy link
Contributor

@GregHolmes GregHolmes left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link
Contributor

@aralovelace aralovelace left a comment

Choose a reason for hiding this comment

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

hi @m-hulbert just few feedback and suggestion. let me know what you think?

| Parameter | Required | Description | Type |
| --- | --- | --- | --- |
| data | Optional | JSON-serializable data to associate with the user's presence. | <Table id='PresenceData'/> or String |
| data | Optional | JSON-serializable data to associate with the user's presence. | <Table id='PresenceEvent'/> or <Table id='IsUserPresentParameters'/> or <Table id='PresenceMember'/> |
Copy link
Contributor

Choose a reason for hiding this comment

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

duplicate data field?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I made this data up for testing - will remove the file before I merge 🙂

| Parameter | Required | Description | Type |
| --- | --- | --- | --- |
| events | Required | The event type(s) to subscribe to. | <Table id='PresenceEventType'/> or PresenceEventType[] |
| listener | Required | Callback function invoked when matching presence events occur. | (event: <Table id='PresenceEvent'/>) =\> void |
Copy link
Contributor

Choose a reason for hiding this comment

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

wondering if this =\> does it need to be => ?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yep you're right but this was just mock data to test it for now.

{/* Expanded: button attached to nested container */}
{refExpanded && (
<div className="mt-3 border border-neutral-400 dark:border-neutral-900 rounded-lg overflow-hidden">
{/* Hide button as header of the container */}
Copy link
Contributor

Choose a reason for hiding this comment

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

would the comment should be Show button ? since its a show component below?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good point - have fixed in 381338d

</div>
))}
return (
<React.Fragment key={id}>
Copy link
Contributor

Choose a reason for hiding this comment

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

does the table need to add a bit of spaces on the top ? or this is ok?

<div className="mt-2">  {/* Add wrapper with margin */}
    <NestedTableExpandButton ... />
  </div>

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I think it's ok - do you think it needs a bit more?

@m-hulbert m-hulbert requested a deployment to ably-docs-dx-720-nested-nlmytf February 12, 2026 11:28 Abandoned
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

review-app Create a Heroku review app

Development

Successfully merging this pull request may close these issues.

4 participants