From d89e54f4acd8daf2adf56e868d92bfd54254e117 Mon Sep 17 00:00:00 2001
From: Chirag Chhatrala <60499540+chiragchhatrala@users.noreply.github.com>
Date: Wed, 19 Jun 2024 15:34:31 +0530
Subject: [PATCH] GoogleSheetsIntegrationActions UI Fixes (#454)

---
 .../GoogleSheetsIntegrationActions.vue          | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/client/components/open/integrations/components/GoogleSheetsIntegrationActions.vue b/client/components/open/integrations/components/GoogleSheetsIntegrationActions.vue
index a6fa81fd..4ee67d82 100644
--- a/client/components/open/integrations/components/GoogleSheetsIntegrationActions.vue
+++ b/client/components/open/integrations/components/GoogleSheetsIntegrationActions.vue
@@ -2,15 +2,15 @@
   <div class="flex flex-1 items-center">
     <div
       v-if="integration.provider"
-      class="space-y-1"
+      class="hidden md:block space-y-1"
     >
       <div
         class="font-medium mr-2"
       >
-        {{ integration.provider.user.name }}
+        {{ integration.provider.name }}
       </div>
       <div class="text-sm">
-        {{ integration.provider.user.email }}
+        {{ integration.provider.email }}
       </div>
     </div>
 
@@ -22,8 +22,17 @@
         :href="integration.data.url"
         target="_blank"
         color="white"
+        class="block"
       >
-        Open spreadsheet
+        <Icon
+          name="mdi:google-spreadsheet"
+          size="20px"
+        />
+        Open
+        <Icon
+          class="ml-1"
+          name="heroicons:arrow-top-right-on-square-20-solid"
+        />
       </v-button>
     </div>
   </div>