fix: Added addNewLink header to link create modal, and softened search icon color there

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)">

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]"
     />

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"

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",