1 files changed, 38 insertions, 0 deletions
diff --git a/apps/files_sharing/src/files_headers/noteToRecipient.ts b/apps/files_sharing/src/files_headers/noteToRecipient.ts
new file mode 100644
index 00000000000..31e383d3634
--- /dev/null
+++ b/apps/files_sharing/src/files_headers/noteToRecipient.ts
@@ -0,0 +1,38 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+import type { ComponentPublicInstance, VueConstructor } from 'vue'
+
+import { Folder, Header, registerFileListHeaders } from '@nextcloud/files'
+import Vue from 'vue'
+
+type IFilesHeaderNoteToRecipient = ComponentPublicInstance & { updateFolder: (folder: Folder) => void }
+
+/**
+ * Register the  "note to recipient" as a files list header
+ */
+export default function registerNoteToRecipient() {
+	let FilesHeaderNoteToRecipient: VueConstructor
+	let instance: IFilesHeaderNoteToRecipient
+
+	registerFileListHeaders(new Header({
+		id: 'note-to-recipient',
+		order: 0,
+		// Always if there is a note
+		enabled: (folder: Folder) => Boolean(folder.attributes.note),
+		// Update the root folder if needed
+		updated: (folder: Folder) => {
+			instance.updateFolder(folder)
+		},
+		// render simply spawns the component
+		render: async (el: HTMLElement, folder: Folder) => {
+			if (FilesHeaderNoteToRecipient === undefined) {
+				const { default: component } = await import('../views/FilesHeaderNoteToRecipient.vue')
+				FilesHeaderNoteToRecipient = Vue.extend(component)
+			}
+			instance = new FilesHeaderNoteToRecipient().$mount(el) as unknown as IFilesHeaderNoteToRecipient
+			instance.updateFolder(folder)
+		},
+	}))
+}