diff --git a/apps/studio/components/interfaces/Database/Replication/ComingSoon.tsx b/apps/studio/components/interfaces/Database/Replication/ComingSoon.tsx index e3b372e15de..cfcca53a244 100644 --- a/apps/studio/components/interfaces/Database/Replication/ComingSoon.tsx +++ b/apps/studio/components/interfaces/Database/Replication/ComingSoon.tsx @@ -6,7 +6,7 @@ import ReactFlow, { Background, Handle, Position, ReactFlowProvider } from 'reac import 'reactflow/dist/style.css' import { BASE_PATH } from 'lib/constants' -import { Badge, Button, Card, CardContent } from 'ui' +import { Button, Card, CardContent } from 'ui' import { NODE_WIDTH } from '../../Settings/Infrastructure/InfrastructureConfiguration/InstanceConfiguration.constants' const STATIC_NODES = [ @@ -157,7 +157,7 @@ const ReplicaNode = ({
-

{data.label}

+

{data.label}

{data.details}

@@ -196,20 +196,22 @@ const BlankNode = () => { const CTANode = ({ projectRef }: { projectRef: string }) => { return ( - + -
-

Replicate data to destinations in real-time

- Early Access -
+

Stream database changes to external destinations

+

+ Automatically replicate your data to external data warehouses and analytics platforms in + real-time. No manual exports, no lag. +

- Replicate database changes to multiple destinations - no manual exports, no lag. Limited - rollout for external destinations has begun, read replicas available now. + We are currently in private alpha and slowly + onboarding new customers to ensure stable data pipelines. Request access below to join the + waitlist. Read replicas are available now.

diff --git a/apps/studio/components/ui/ProductMenu/ProductMenuItem.tsx b/apps/studio/components/ui/ProductMenu/ProductMenuItem.tsx index cee69af89c4..83e1e51c83d 100644 --- a/apps/studio/components/ui/ProductMenu/ProductMenuItem.tsx +++ b/apps/studio/components/ui/ProductMenu/ProductMenuItem.tsx @@ -38,7 +38,7 @@ const ProductMenuItem = ({ > {name} {label !== undefined && ( - + {label} )} diff --git a/apps/studio/pages/project/[ref]/database/replication/index.tsx b/apps/studio/pages/project/[ref]/database/replication/index.tsx index f35eb3395b3..ba573879ff3 100644 --- a/apps/studio/pages/project/[ref]/database/replication/index.tsx +++ b/apps/studio/pages/project/[ref]/database/replication/index.tsx @@ -5,6 +5,7 @@ import { useIsETLPrivateAlpha } from 'components/interfaces/Database/Replication import DatabaseLayout from 'components/layouts/DatabaseLayout/DatabaseLayout' import DefaultLayout from 'components/layouts/DefaultLayout' import { ScaffoldContainer, ScaffoldSection } from 'components/layouts/Scaffold' +import { AlphaNotice } from 'components/ui/AlphaNotice' import { FormHeader } from 'components/ui/Forms/FormHeader' import { UnknownInterface } from 'components/ui/UnknownInterface' import { useIsFeatureEnabled } from 'hooks/misc/useIsFeatureEnabled' @@ -27,10 +28,18 @@ const DatabaseReplicationPage: NextPageWithLayout = () => {
- +
+

Replication

+
+

+ Automatically replicate your database changes to external data warehouses and + analytics platforms in real-time +

+
+