PeerDB: For queues, move sync interval to advanced, default 10 mins

ui/app/mirrors/create/cdc/cdc.tsx

@@ -46,12 +46,32 @@ export default function CDCConfigForm({
   };
 
   const normalSettings = useMemo(() => {
-    return settings.filter((setting) => setting.advanced != true);
-  }, [settings]);
+    return settings!.filter(
+      (setting) =>
+        !(
+          (IsQueuePeer(mirrorConfig.destination?.type) &&
+            setting.advanced === 'queue') ||
+          setting.advanced === true
+        )
+    );
+  }, [settings, mirrorConfig.destination?.type]);
 
   const advancedSettings = useMemo(() => {
-    return settings.filter((setting) => setting.advanced == true);
-  }, [settings]);
+    return settings!
+      .map((setting) => {
+        if (
+          IsQueuePeer(mirrorConfig.destination?.type) &&
+          setting.advanced === 'queue'
+        ) {
+          setting.stateHandler(600, setter);
+          return { ...setting, default: 600 };
+        }
+        if (setting.advanced === true) {
+          return setting;
+        }
+      })
+      .filter((setting) => setting !== undefined);
+  }, [settings, mirrorConfig.destination?.type, setter]);
 
   const paramDisplayCondition = (setting: MirrorSetting) => {
     const label = setting.label.toLowerCase();
@@ -91,15 +111,15 @@ export default function CDCConfigForm({
   if (mirrorConfig.source != undefined && mirrorConfig.destination != undefined)
     return (
       <>
-        {normalSettings.map((setting, id) => {
+        {normalSettings!.map((setting, id) => {
           return (
-            paramDisplayCondition(setting) && (
+            paramDisplayCondition(setting!) && (
               <CDCField
                 key={id}
                 handleChange={handleChange}
-                setting={setting}
+                setting={setting!}
                 options={
-                  setting.label === 'Publication Name'
+                  setting?.label === 'Publication Name'
                     ? publications
                     : undefined
                 }
@@ -128,13 +148,13 @@ export default function CDCConfigForm({
         </Button>
 
         {show &&
-          advancedSettings.map((setting, id) => {
+          advancedSettings!.map((setting, id) => {
             return (
-              paramDisplayCondition(setting) && (
+              paramDisplayCondition(setting!) && (
                 <CDCField
-                  key={setting.label}
+                  key={setting?.label}
                   handleChange={handleChange}
-                  setting={setting}
+                  setting={setting!}
                 />
               )
             );

ui/app/mirrors/create/helpers/cdc.ts

@@ -38,6 +38,7 @@ export const cdcSettings: MirrorSetting[] = [
     type: 'number',
     default: '60',
     required: true,
+    advanced: 'queue',
   },
   {
     label: 'Publication Name',

ui/app/mirrors/create/helpers/common.ts

@@ -1,5 +1,6 @@
 import { FlowConnectionConfigs, TypeSystem } from '@/grpc_generated/flow';
 
+export type AdvancedSettingType = boolean | 'queue';
 export interface MirrorSetting {
   label: string;
   stateHandler: (value: any, setter: any) => void;
@@ -8,7 +9,7 @@ export interface MirrorSetting {
   tips?: string;
   helpfulLink?: string;
   default?: string | number | boolean;
-  advanced?: boolean; // whether it should come under an 'Advanced' section
+  advanced?: AdvancedSettingType; // whether it should come under an 'Advanced' section
   command?: string;
 }