From 466baec2a83bea7aed7ae08f901ec58fd24f56a1 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Mon, 13 Nov 2023 05:52:51 +0000
Subject: [PATCH] fix: Added addNewLink header to link create modal, and
 softened search icon color there

---
 .../nc-gui/components/virtual-cell/components/Header.vue    | 6 +++---
 .../components/virtual-cell/components/ListChildItems.vue   | 2 +-
 .../nc-gui/components/virtual-cell/components/ListItems.vue | 3 ++-
 packages/nc-gui/lang/en.json                                | 2 ++
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/virtual-cell/components/Header.vue b/packages/nc-gui/components/virtual-cell/components/Header.vue
index 2e5a323ba8..ce54af468d 100644
--- a/packages/nc-gui/components/virtual-cell/components/Header.vue
+++ b/packages/nc-gui/components/virtual-cell/components/Header.vue
@@ -5,9 +5,9 @@ import FileIcon from '~icons/nc-icons/file'
 
 import { iconMap } from '#imports'
 
-const { relation, relatedTableTitle, displayValue, showHeader, tableTitle } = defineProps<{
+const { relation, relatedTableTitle, displayValue, header, tableTitle } = defineProps<{
   relation: string
-  showHeader?: boolean
+  header?: string | null
   tableTitle: string
   relatedTableTitle: string
   displayValue?: string
@@ -54,7 +54,7 @@ const relationMeta = computed(() => {
 <template>
   <div class="flex sm:justify-between relative pb-2 items-center">
     <div v-if="!isMobileMode" class="flex text-base font-bold justify-start items-center min-w-36">
-      {{ showHeader ? 'Linked Records' : '' }}
+      {{ header ?? '' }}
     </div>
     <div class="flex flex-row sm:w-[calc(100%-16rem)] xs:w-full items-center justify-center gap-2 xs:(h-full)">
       <div class="flex sm:justify-end w-[calc(50%-1.5rem)] xs:(w-[calc(50%-1.5rem)] h-full)">
diff --git a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
index 0f5cd56533..85363d271f 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
@@ -192,7 +192,7 @@ const linkOrUnLink = (rowRef: Record<string, string>, id: string) => {
       :relation="relation"
       :linked-records="childrenListCount"
       :table-title="meta?.title"
-      :show-header="true"
+      :header="$t('activity.linkedRecords')"
       :related-table-title="relatedTableMeta?.title"
       :display-value="row.row[displayValueProp]"
     />
diff --git a/packages/nc-gui/components/virtual-cell/components/ListItems.vue b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
index 01eafc23ab..b6589a8df3 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
@@ -204,6 +204,7 @@ const addNewRecord = () => {
       :table-title="meta?.title"
       :related-table-title="relatedTableMeta?.title"
       :display-value="row.row[displayValueProp]"
+      :header="$t('activity.addNewLink')"
     />
     <div class="!xs:hidden my-3 bg-gray-50 border-gray-50 border-b-2"></div>
     <div class="flex mt-2 mb-2 items-center gap-2">
@@ -211,7 +212,7 @@ const addNewRecord = () => {
         class="flex items-center border-1 p-1 rounded-md w-full border-gray-200"
         :class="{ '!border-primary': childrenExcludedListPagination.query.length !== 0 || isFocused }"
       >
-        <MdiMagnify class="w-5 h-5 ml-2" />
+        <MdiMagnify class="w-5 h-5 ml-2 text-gray-500" />
         <a-input
           ref="filterQueryRef"
           v-model:value="childrenExcludedListPagination.query"
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index d91045d5fe..184dddc8de 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -708,6 +708,8 @@
     "inviteTeam": "Invite Team",
     "inviteUser": "Invite User",
     "inviteToken": "Invite Token",
+    "linkedRecords": "Linked Records",
+    "addNewLink": "Add New Link",
     "newUser": "New User",
     "editUser": "Edit user",
     "deleteUser": "Remove user from base",