From 77b9038f3fc5a973c74c3e7cb77981ebde917293 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 created record toastr in Links modal

---
 .../smartsheet/expanded-form/index.vue        |  4 ++-
 .../virtual-cell/components/ListItems.vue     | 31 ++++++++++++++++++-
 packages/nc-gui/lang/en.json                  |  1 +
 3 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index f8779d69ed..af29eece23 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -47,7 +47,7 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const emits = defineEmits(['update:modelValue', 'cancel', 'next', 'prev'])
+const emits = defineEmits(['update:modelValue', 'cancel', 'next', 'prev', 'createdRecord'])
 
 const { activeView } = storeToRefs(useViewsStore())
 
@@ -207,6 +207,8 @@ const save = async () => {
   if (props.closeAfterSave) {
     isExpanded.value = false
   }
+
+  emits('createdRecord', _row.value.row)
 }
 
 const isPreventChangeModalOpen = ref(false)
diff --git a/packages/nc-gui/components/virtual-cell/components/ListItems.vue b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
index 1046e2f8ce..df8698ac97 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
@@ -55,6 +55,8 @@ const isPublic = inject(IsPublicInj, ref(false))
 
 const isExpandedFormCloseAfterSave = ref(false)
 
+const createdRecord = ref()
+
 isChildrenExcludedLoading.value = true
 
 const isForm = inject(IsFormInj, ref(false))
@@ -165,6 +167,8 @@ watch(expandedFormDlg, () => {
       loadChildrenList()
     }
     loadChildrenExcludedList(rowState.value)
+  } else {
+    createdRecord.value = undefined
   }
 })
 
@@ -186,6 +190,14 @@ const addNewRecord = () => {
   expandedFormDlg.value = true
   isExpandedFormCloseAfterSave.value = true
 }
+
+const onCreatedRecord = (record: any) => {
+  createdRecord.value = record
+
+  setTimeout(() => {
+    createdRecord.value = undefined
+  }, 2000)
+}
 </script>
 
 <template>
@@ -206,7 +218,23 @@ const addNewRecord = () => {
       :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="relative !xs:hidden my-3 bg-gray-50 border-gray-50 border-b-2">
+      <div v-if="createdRecord" class="absolute flex flex-row justify-center left-0 right-0 -top-3">
+        <div class="flex text-green-500 bg-green-100 pl-1.5 pr-0.75 py-0.5 rounded-md items-center">
+          <div>
+            {{
+              $t('activity.gotSavedLinkedSuccessfully', {
+                tableName: relatedTableMeta?.title,
+                recordTitle: createdRecord?.[relatedTableDisplayValueProp],
+              })
+            }}
+          </div>
+          <NcButton size="xxsmall" type="text" class="ml-1 !h-5.5 !w-4 !hover:(bg-green-200 text-gray-800)">
+            <GeneralIcon icon="close" class="text-gray-500 !text-xs !h-3.5 !w-3.5" @click="createdRecord = undefined" />
+          </NcButton>
+        </div>
+      </div>
+    </div>
     <div class="flex mt-2 mb-2 items-center gap-2">
       <div
         class="flex items-center border-1 p-1 rounded-md w-full border-gray-200"
@@ -361,6 +389,7 @@ const addNewRecord = () => {
               })
             : undefined
         "
+        @created-record="onCreatedRecord"
       />
     </Suspense>
   </NcModal>
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 88f860285d..75c614f741 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -796,6 +796,7 @@
     "addNewRecord": "Add new record",
     "newRecord": "New record",
     "tableNameCreateNewRecord": "{tableName}: Create new record",
+    "gotSavedLinkedSuccessfully": "{tableName} '{recordTitle}' got saved & linked successfully",
     "useConnectionUrl": "Use Connection URL",
     "toggleCommentsDraw": "Toggle comments draw",
     "expandRecord": "Expand Record",