diff --git a/ui/app/peers/create/[peerType]/helpers/ch.ts b/ui/app/peers/create/[peerType]/helpers/ch.ts index d45029a4e3..09626d73c0 100644 --- a/ui/app/peers/create/[peerType]/helpers/ch.ts +++ b/ui/app/peers/create/[peerType]/helpers/ch.ts @@ -52,6 +52,7 @@ export const clickhouseSetting: PeerSetting[] = [ stateHandler: (value, setter) => setter((curr) => ({ ...curr, s3Path: value as string })), tips: `This is an S3 bucket/object URL field. This bucket will be used as our intermediate stage for CDC`, + placeholder: 's3://', }, { label: 'Access Key ID', diff --git a/ui/components/PeerForms/ClickhouseConfig.tsx b/ui/components/PeerForms/ClickhouseConfig.tsx index f2ea31eb0c..405dd9af77 100644 --- a/ui/components/PeerForms/ClickhouseConfig.tsx +++ b/ui/components/PeerForms/ClickhouseConfig.tsx @@ -8,6 +8,7 @@ import { RowWithSwitch, RowWithTextField } from '@/lib/Layout'; import { Switch } from '@/lib/Switch'; import { TextField } from '@/lib/TextField'; import { Tooltip } from '@/lib/Tooltip'; +import Link from 'next/link'; import { useState } from 'react'; import { InfoPopover } from '../InfoPopover'; interface ConfigProps { @@ -122,6 +123,14 @@ export default function ClickhouseForm({ settings, setter }: ConfigProps) {

If you want this stage to belong to you, you can configure a bucket below. +

+ + Setting up an S3 bucket +