From 5a877c955d202591f03319089e6d651025680278 Mon Sep 17 00:00:00 2001
From: rohittp <tprohit9@gmail.com>
Date: Mon, 3 Jun 2024 11:34:39 +0000
Subject: [PATCH] chore: 'Copy Record URL' made icon only, with tooltip

---
 .../smartsheet/expanded-form/index.vue        | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 5c31a33acb..052d9b677a 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -642,24 +642,26 @@ export default {
               <div class="xs:px-1">{{ newRecordSubmitBtnText ?? 'Save Record' }}</div>
             </NcButton>
           </NcTooltip>
-          <NcButton
-            v-if="!isNew && rowId && !isMobileMode"
-            :disabled="isLoading"
-            class="!<lg:hidden text-gray-700 !h-7 !px-2"
-            type="text"
-            size="xsmall"
-            @click="copyRecordUrl()"
-          >
-            <div
-              v-e="['c:row-expand:copy-url']"
-              data-testid="nc-expanded-form-copy-url"
-              class="flex gap-2 items-center text-small"
+          <NcTooltip>
+            <template #title> {{ isRecordLinkCopied ? $t('labels.copiedRecordURL') : $t('labels.copyRecordURL') }} </template>
+            <NcButton
+              v-if="!isNew && rowId && !isMobileMode"
+              :disabled="isLoading"
+              class="!<lg:hidden text-gray-700 !h-7 !px-2"
+              type="text"
+              size="xsmall"
+              @click="copyRecordUrl()"
             >
-              <component :is="iconMap.check" v-if="isRecordLinkCopied" class="cursor-pointer nc-duplicate-row" />
-              <component :is="iconMap.copy" v-else class="cursor-pointer nc-duplicate-row" />
-              {{ isRecordLinkCopied ? $t('labels.copiedRecordURL') : $t('labels.copyRecordURL') }}
-            </div>
-          </NcButton>
+              <div
+                v-e="['c:row-expand:copy-url']"
+                data-testid="nc-expanded-form-copy-url"
+                class="flex gap-2 items-center text-small"
+              >
+                <component :is="iconMap.check" v-if="isRecordLinkCopied" class="cursor-pointer nc-duplicate-row" />
+                <component :is="iconMap.copy" v-else class="cursor-pointer nc-duplicate-row" />
+              </div>
+            </NcButton>
+          </NcTooltip>
           <NcDropdown v-if="!isNew && rowId && !isMobileMode" placement="bottomRight">
             <NcButton type="text" size="xsmall" class="nc-expand-form-more-actions !w-7 !h-7" :disabled="isLoading">
               <GeneralIcon icon="threeDotVertical" class="text-md" :class="isLoading ? 'text-gray-300' : 'text-gray-700'" />