Files
supabase/apps/design-system/registry/default/example/mermaid-sequence-sync.tsx
Ivan Vasilov ee8eae7309 chore: Clean the ui package from next imports (#44278)
This PR moves several components which rely on `next` out of the `ui`
package to the `ui-patterns` package.

`ui-patterns` package is intented to be imported with specific imports
so it's ok if there are components reliant on `next` in there.

The `SonnerToaster` component has removed its dependency by requiring a
prop for `theme`.
2026-03-30 10:58:37 +02:00

20 lines
430 B
TypeScript

import { Mermaid } from 'ui-patterns/Mermaid'
export default function MermaidSequenceSync() {
return (
<Mermaid
chart={`
sequenceDiagram
autonumber
participant P as Postgres
participant R as Remote Source
P->>R: Execute Query
R->>P: Wait (blocking)
Note over R,P: Fetch all rows (or fixed batch)
P-->P: Buffer all rows in memory
P-->P: Convert & emit rows in the batch
`}
/>
)
}