From ab85dc5d555b06ad28241e42ecf29391784a7c0d Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Wed, 11 Jun 2025 14:28:03 +0200
Subject: [PATCH] updates

---
 components/EOISection.vue         | 120 ++++++++++++++++++++++++------
 components/SliderConfirmation.vue |   6 +-
 server/utils/nocodb.ts            |   4 +-
 3 files changed, 106 insertions(+), 24 deletions(-)

diff --git a/components/EOISection.vue b/components/EOISection.vue
index 69e366f..5634e41 100644
--- a/components/EOISection.vue
+++ b/components/EOISection.vue
@@ -37,8 +37,12 @@
           variant="flat"
           prepend-icon="mdi-file-document-plus"
           :size="mobile ? 'default' : 'large'"
+          class="text-center"
+          block
         >
-          Generate EOI
+          <span class="d-flex align-center justify-center w-100">
+            Generate EOI
+          </span>
         </v-btn>
         
         <v-btn
@@ -110,12 +114,18 @@
           Signature Status
           <v-btn 
             icon="mdi-refresh" 
-            variant="text" 
+            variant="tonal" 
             size="x-small" 
             class="ml-2"
+            color="primary"
             @click="checkSignatureStatus"
             :loading="isCheckingSignatures"
-          ></v-btn>
+          >
+            <v-icon size="x-small">mdi-refresh</v-icon>
+            <v-tooltip activator="parent" location="top">
+              Refresh signature status
+            </v-tooltip>
+          </v-btn>
         </div>
         
         <v-list :density="mobile ? 'compact' : 'comfortable'">
@@ -141,12 +151,31 @@
             </v-list-item-title>
             <v-list-item-subtitle :class="mobile ? 'text-caption' : ''">{{ interest['Full Name'] }}</v-list-item-subtitle>
             <template v-slot:append>
-              <v-btn
-                icon="mdi-content-copy"
-                variant="text"
-                :size="mobile ? 'small' : 'default'"
-                @click="copyLink(interest['Signature Link Client'])"
-              ></v-btn>
+              <div class="d-flex gap-1">
+                <v-btn
+                  icon="mdi-content-copy"
+                  variant="text"
+                  :size="mobile ? 'small' : 'default'"
+                  @click="copyLink(interest['Signature Link Client'])"
+                >
+                  <v-icon>mdi-content-copy</v-icon>
+                  <v-tooltip activator="parent" location="top">
+                    Copy signature link
+                  </v-tooltip>
+                </v-btn>
+                <v-btn
+                  icon="mdi-open-in-new"
+                  variant="text"
+                  :size="mobile ? 'small' : 'default'"
+                  @click="openLinkInNewTab(interest['Signature Link Client'])"
+                  :disabled="!interest['Signature Link Client']"
+                >
+                  <v-icon>mdi-open-in-new</v-icon>
+                  <v-tooltip activator="parent" location="top">
+                    Open in new tab
+                  </v-tooltip>
+                </v-btn>
+              </div>
             </template>
           </v-list-item>
 
@@ -172,12 +201,31 @@
             </v-list-item-title>
             <v-list-item-subtitle :class="mobile ? 'text-caption' : ''">Oscar Faragher</v-list-item-subtitle>
             <template v-slot:append>
-              <v-btn
-                icon="mdi-content-copy"
-                variant="text"
-                :size="mobile ? 'small' : 'default'"
-                @click="copyLink(interest['Signature Link CC'])"
-              ></v-btn>
+              <div class="d-flex gap-1">
+                <v-btn
+                  icon="mdi-content-copy"
+                  variant="text"
+                  :size="mobile ? 'small' : 'default'"
+                  @click="copyLink(interest['Signature Link CC'])"
+                >
+                  <v-icon>mdi-content-copy</v-icon>
+                  <v-tooltip activator="parent" location="top">
+                    Copy signature link
+                  </v-tooltip>
+                </v-btn>
+                <v-btn
+                  icon="mdi-open-in-new"
+                  variant="text"
+                  :size="mobile ? 'small' : 'default'"
+                  @click="openLinkInNewTab(interest['Signature Link CC'])"
+                  :disabled="!interest['Signature Link CC']"
+                >
+                  <v-icon>mdi-open-in-new</v-icon>
+                  <v-tooltip activator="parent" location="top">
+                    Open in new tab
+                  </v-tooltip>
+                </v-btn>
+              </div>
             </template>
           </v-list-item>
 
@@ -203,12 +251,31 @@
             </v-list-item-title>
             <v-list-item-subtitle :class="mobile ? 'text-caption' : ''">David Mizrahi</v-list-item-subtitle>
             <template v-slot:append>
-              <v-btn
-                icon="mdi-content-copy"
-                variant="text"
-                :size="mobile ? 'small' : 'default'"
-                @click="copyLink(interest['Signature Link Developer'])"
-              ></v-btn>
+              <div class="d-flex gap-1">
+                <v-btn
+                  icon="mdi-content-copy"
+                  variant="text"
+                  :size="mobile ? 'small' : 'default'"
+                  @click="copyLink(interest['Signature Link Developer'])"
+                >
+                  <v-icon>mdi-content-copy</v-icon>
+                  <v-tooltip activator="parent" location="top">
+                    Copy signature link
+                  </v-tooltip>
+                </v-btn>
+                <v-btn
+                  icon="mdi-open-in-new"
+                  variant="text"
+                  :size="mobile ? 'small' : 'default'"
+                  @click="openLinkInNewTab(interest['Signature Link Developer'])"
+                  :disabled="!interest['Signature Link Developer']"
+                >
+                  <v-icon>mdi-open-in-new</v-icon>
+                  <v-tooltip activator="parent" location="top">
+                    Open in new tab
+                  </v-tooltip>
+                </v-btn>
+              </div>
             </template>
           </v-list-item>
         </v-list>
@@ -574,6 +641,17 @@ const copyLink = async (link: string | undefined) => {
   }
 };
 
+const openLinkInNewTab = (link: string | undefined) => {
+  if (!link) return;
+  
+  try {
+    window.open(link, '_blank', 'noopener,noreferrer');
+  } catch (error) {
+    console.error('Failed to open link:', error);
+    toast.error('Failed to open link in new tab');
+  }
+};
+
 const formatDate = (dateString: string) => {
   if (!dateString) return '';
   
diff --git a/components/SliderConfirmation.vue b/components/SliderConfirmation.vue
index c3865ea..109df19 100644
--- a/components/SliderConfirmation.vue
+++ b/components/SliderConfirmation.vue
@@ -210,7 +210,8 @@ watch(showDialog, (newValue) => {
   height: 100%;
   background: linear-gradient(90deg, #ff5722, #d32f2f);
   border-radius: 25px;
-  transition: width 0.1s ease;
+  transition: none;
+  will-change: width;
 }
 
 .slider-handle {
@@ -226,7 +227,8 @@ watch(showDialog, (newValue) => {
   align-items: center;
   justify-content: center;
   transform: translateX(-50%);
-  transition: transform 0.1s ease;
+  transition: none;
+  will-change: transform, left;
   z-index: 1;
 }
 
diff --git a/server/utils/nocodb.ts b/server/utils/nocodb.ts
index 3d79a59..fb56547 100644
--- a/server/utils/nocodb.ts
+++ b/server/utils/nocodb.ts
@@ -103,7 +103,9 @@ export const updateInterest = async (id: string, data: Partial<Interest>, retryC
     // Add the new signature link fields
     "Signature Link Client",
     "Signature Link CC",
-    "Signature Link Developer"
+    "Signature Link Developer",
+    // Add the Documenso document ID field
+    "documensoID"
   ];
 
   // Filter the data to only include allowed fields