From 01f8cbb52edc8beb8e64dcea2671205bc1656b1c Mon Sep 17 00:00:00 2001
From: Amogh-Bharadwaj <amogh@peerdb.io>
Date: Wed, 8 Nov 2023 18:37:34 -0500
Subject: [PATCH 1/2] fix button and dialog

---
 ui/app/mirrors/page.tsx  |  8 +++++++-
 ui/app/peers/page.tsx    | 13 +++++++++++--
 ui/lib/Dialog/Dialog.tsx |  7 ++++++-
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/ui/app/mirrors/page.tsx b/ui/app/mirrors/page.tsx
index 3bb5c66db6..41495d3e18 100644
--- a/ui/app/mirrors/page.tsx
+++ b/ui/app/mirrors/page.tsx
@@ -78,7 +78,13 @@ export default async function Mirrors() {
               href={'/mirrors/create'}
               variant='normalSolid'
             >
-              <div style={{ display: 'flex', alignItems: 'center' }}>
+              <div
+                style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  whiteSpace: 'nowrap',
+                }}
+              >
                 <Icon name='add' /> <Label>New mirror</Label>
               </div>
             </Button>
diff --git a/ui/app/peers/page.tsx b/ui/app/peers/page.tsx
index 6ae7899e15..d3e7672911 100644
--- a/ui/app/peers/page.tsx
+++ b/ui/app/peers/page.tsx
@@ -34,8 +34,17 @@ export default async function Peers() {
               href={'/peers/create'}
               variant='normalSolid'
             >
-              <div style={{ display: 'flex', alignItems: 'center' }}>
-                <Icon name='add' /> <Label>New peer</Label>
+              <div
+                style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  whiteSpace: 'nowrap',
+                }}
+              >
+                <Icon name='add' />
+                <Label style={{ marginLeft: '0.5rem', fontSize: 15 }}>
+                  New peer
+                </Label>
               </div>
             </Button>
           }
diff --git a/ui/lib/Dialog/Dialog.tsx b/ui/lib/Dialog/Dialog.tsx
index 1b99237c8b..78c5b14b85 100644
--- a/ui/lib/Dialog/Dialog.tsx
+++ b/ui/lib/Dialog/Dialog.tsx
@@ -22,7 +22,12 @@ export function Dialog({
     <RadixDialog.Root {...rootProps}>
       <RadixDialog.Trigger asChild>{TriggerButton}</RadixDialog.Trigger>
       <RadixDialog.Portal>
-        <DialogContent size={size}>{children}</DialogContent>
+        <DialogContent
+          onPointerDownOutside={(e) => e.preventDefault()}
+          size={size}
+        >
+          {children}
+        </DialogContent>
       </RadixDialog.Portal>
     </RadixDialog.Root>
   );

From c73abef560c41bc06851ecd57250121a607f0916 Mon Sep 17 00:00:00 2001
From: Amogh-Bharadwaj <amogh@peerdb.io>
Date: Wed, 8 Nov 2023 18:58:12 -0500
Subject: [PATCH 2/2] more fixes

---
 ui/app/mirrors/create/helpers/cdc.ts | 6 +++---
 ui/app/mirrors/page.tsx              | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/app/mirrors/create/helpers/cdc.ts b/ui/app/mirrors/create/helpers/cdc.ts
index af79f83c52..1cfcac49d6 100644
--- a/ui/app/mirrors/create/helpers/cdc.ts
+++ b/ui/app/mirrors/create/helpers/cdc.ts
@@ -57,10 +57,10 @@ export const cdcSettings: MirrorSetting[] = [
     stateHandler: (value, setter) =>
       setter((curr: CDCConfig) => ({
         ...curr,
-        snapshotNumTablesInParallel: parseInt(value as string, 10) || 1,
+        snapshotNumTablesInParallel: parseInt(value as string, 10) || 4,
       })),
-    tips: 'Specify the number of tables to sync perform initial load for, in parallel. The default value is 1.',
-    default: '1',
+    tips: 'Specify the number of tables to sync perform initial load for, in parallel. The default value is 4.',
+    default: '4',
     type: 'number',
   },
   {
diff --git a/ui/app/mirrors/page.tsx b/ui/app/mirrors/page.tsx
index 41495d3e18..0f380bd1e4 100644
--- a/ui/app/mirrors/page.tsx
+++ b/ui/app/mirrors/page.tsx
@@ -21,6 +21,7 @@ const stringifyConfig = (flowArray: any[]) => {
 
 export default async function Mirrors() {
   let mirrors = await prisma.flows.findMany({
+    distinct: 'name',
     include: {
       sourcePeer: true,
       destinationPeer: true,