From 74314a1fc5af6c968d7033e860d6c0539d4bc5cd Mon Sep 17 00:00:00 2001
From: greta <gretadoci@gmail.com>
Date: Fri, 27 Oct 2023 14:30:19 +0200
Subject: [PATCH] Add header prop

Signed-off-by: greta <gretadoci@gmail.com>
---
 .../NcRelatedResourcesPanel.vue                      | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/NcRelatedResourcesPanel/NcRelatedResourcesPanel.vue b/src/components/NcRelatedResourcesPanel/NcRelatedResourcesPanel.vue
index c6854b120f..3e5aaf58fd 100644
--- a/src/components/NcRelatedResourcesPanel/NcRelatedResourcesPanel.vue
+++ b/src/components/NcRelatedResourcesPanel/NcRelatedResourcesPanel.vue
@@ -28,6 +28,7 @@ Use this component to display the related resources of a given item.
 ```
 <template>
 	<NcRelatedResourcesPanel provider-id="talk"
+							 :header="t('Related resources')"
 		:item-id="conversationId" />
 </template>
 
@@ -46,7 +47,7 @@ export default {
 <template>
 	<div v-if="appEnabled && isVisible" class="related-resources">
 		<div class="related-resources__header">
-			<h5>{{ headerTranslated }}</h5>
+			<h5>{{ header }}</h5>
 			<p>{{ description }}</p>
 		</div>
 
@@ -112,6 +113,14 @@ export default {
 			type: Object,
 			default: null,
 		},
+		/**
+		 * Make the header name dynamic
+		 */
+		header: {
+			type: String,
+			default: t('Related resources'),
+
+		},
 	},
 
 	emits: [
@@ -122,7 +131,6 @@ export default {
 	data() {
 		return {
 			appEnabled: OC?.appswebroots?.related_resources !== undefined,
-			headerTranslated: t('Related resources'),
 			loading: false,
 			error: null,
 			resources: [],