ui cleanup

ui/app/api/mirrors/qrep/route.ts

@@ -8,7 +8,6 @@ import { GetFlowHttpAddressFromEnv } from '@/rpc/http';
 export async function POST(request: Request) {
   const body = await request.json();
   const { config } = body;
-  console.log('/qrep/post config:', config);
   const flowServiceAddr = GetFlowHttpAddressFromEnv();
   const req: CreateQRepFlowRequest = {
     qrepConfig: config,

ui/app/api/mirrors/route.ts

@@ -29,5 +29,5 @@ export async function GET(request: Request) {
     };
     return newMirror;
   });
-  return new Response(JSON.stringify(stringifyConfig(flows)));
+  return new Response(JSON.stringify((flows)));
 }

ui/app/api/peers/getTruePeer.ts

@@ -8,6 +8,7 @@ import {
   S3Config,
   SnowflakeConfig,
   SqlServerConfig,
+  ClickhouseConfig,
 } from '@/grpc_generated/peers';
 
 export const getTruePeer = (peer: CatalogPeer) => {
@@ -23,7 +24,8 @@ export const getTruePeer = (peer: CatalogPeer) => {
     | EventHubConfig
     | S3Config
     | SqlServerConfig
-    | EventHubGroupConfig;
+    | EventHubGroupConfig
+    | ClickhouseConfig;
   switch (peer.type) {
     case 0:
       config = BigqueryConfig.decode(options);
@@ -53,6 +55,9 @@ export const getTruePeer = (peer: CatalogPeer) => {
       config = EventHubGroupConfig.decode(options);
       newPeer.eventhubGroupConfig = config;
       break;
+    case 8:
+      config = ClickhouseConfig.decode(options);
+      newPeer.clickhouseConfig = config;
     default:
       return newPeer;
   }

ui/app/mirrors/create/page.tsx

@@ -59,6 +59,7 @@ export default function CreateMirrors() {
   const [config, setConfig] = useState<CDCConfig | QRepConfig>(blankCDCSetting);
   const [peers, setPeers] = useState<Peer[]>([]);
   const [rows, setRows] = useState<TableMapRow[]>([]);
+
   const [qrepQuery, setQrepQuery] =
     useState<string>(`-- Here's a sample template:
     SELECT * FROM <table_name> 
@@ -142,9 +143,10 @@ export default function CreateMirrors() {
                       placeholder={`Select the ${
                         peerEnd === 'src' ? 'source' : 'destination'
                       } peer`}
-                      onChange={(val, action) =>
+                      onChange={(val, action) =>{
                         handlePeer(val, peerEnd as 'src' | 'dst', setConfig)
                       }
+                      }
                       options={
                         (peerEnd === 'src'
                           ? peers.filter((peer) => peer.type == DBType.POSTGRES)

ui/app/peers/create/[peerType]/page.tsx

@@ -114,9 +114,10 @@ export default function CreateConfig({
           </Button>
           <Button
             style={{ backgroundColor: 'gold' }}
-            onClick={() =>
+            onClick={() =>{
               handleValidate(dbType, config, setFormMessage, setLoading, name)
             }
+            }
           >
             Validate
           </Button>

ui/components/PeerComponent.tsx

@@ -16,7 +16,7 @@ export const DBTypeToImageMapping = (peerType: DBType | string) => {
     case 'BIGQUERY':
       return '/svgs/bq.svg';
     case 'CLICKHOUSE':
-      return '/svgs/pg.svg';   
+      return '/svgs/ch.svg';
     case DBType.S3:
     case 'S3':
       return '/svgs/aws.svg';

ui/components/PeerTypeComponent.tsx

@@ -22,6 +22,8 @@ export const DBTypeToGoodText = (ptype: DBType) => {
       return 'SQL Server';
     case DBType.MONGO:
       return 'MongoDB';
+    case DBType.CLICKHOUSE:
+      return "Clickhouse"
     case DBType.UNRECOGNIZED:
       return 'Unrecognised';
   }