diff --git a/ui/components/PeerForms/ClickhouseConfig.tsx b/ui/components/PeerForms/ClickhouseConfig.tsx index 7faf7a555c..f2ea31eb0c 100644 --- a/ui/components/PeerForms/ClickhouseConfig.tsx +++ b/ui/components/PeerForms/ClickhouseConfig.tsx @@ -1,11 +1,14 @@ 'use client'; import { PeerSetter } from '@/app/dto/PeersDTO'; import { PeerSetting } from '@/app/peers/create/[peerType]/helpers/common'; +import { Button } from '@/lib/Button/Button'; +import { Icon } from '@/lib/Icon/Icon'; import { Label } from '@/lib/Label'; import { RowWithSwitch, RowWithTextField } from '@/lib/Layout'; import { Switch } from '@/lib/Switch'; import { TextField } from '@/lib/TextField'; import { Tooltip } from '@/lib/Tooltip'; +import { useState } from 'react'; import { InfoPopover } from '../InfoPopover'; interface ConfigProps { settings: PeerSetting[]; @@ -13,6 +16,7 @@ interface ConfigProps { } export default function ClickhouseForm({ settings, setter }: ConfigProps) { + const [show, setShow] = useState(false); const S3Labels = [ 'S3 Path', 'Access Key ID', @@ -108,40 +112,64 @@ export default function ClickhouseForm({ settings, setter }: ConfigProps) { /> ); })} - } - action={ -