From a81df760139529f71a7b015ccd776ef2b09c5568 Mon Sep 17 00:00:00 2001
From: Christopher Ng <chrng8@gmail.com>
Date: Wed, 24 Aug 2022 02:06:11 +0000
Subject: [PATCH] Add related resources panel

Signed-off-by: Christopher Ng <chrng8@gmail.com>
---
 .../SharedItems/SharedItemsTab.vue            | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/RightSidebar/SharedItems/SharedItemsTab.vue b/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
index 9477f91852b..79e3fe9fd09 100644
--- a/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
+++ b/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
@@ -39,6 +39,10 @@
 				</NcButton>
 			</div>
 		</template>
+		<NcRelatedResourcesPanel class="related-resources"
+			provider-id="talk"
+			:item-id="conversation.token"
+			@has-resources="value => hasRelatedResources = value" />
 		<template v-if="projectsEnabled">
 			<NcAppNavigationCaption :title="t('spreed', 'Projects')" />
 			<CollectionList v-if="getUserId && token"
@@ -47,7 +51,7 @@
 				:name="conversation.displayName"
 				:is-active="active" />
 		</template>
-		<NcEmptyContent v-else-if="!hasSharedItems"
+		<NcEmptyContent v-else-if="!hasSharedItems && !hasRelatedResources"
 			:title="t('spreed', 'No shared items')">
 			<template #icon>
 				<FolderMultipleImage :size="20" />
@@ -67,6 +71,7 @@ import { loadState } from '@nextcloud/initial-state'
 import SharedItems from './SharedItems.vue'
 import { SHARED_ITEM } from '../../../constants.js'
 import NcAppNavigationCaption from '@nextcloud/vue/dist/Components/NcAppNavigationCaption.js'
+import NcRelatedResourcesPanel from '@nextcloud/vue/dist/Components/NcRelatedResourcesPanel.js'
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 import SharedItemsBrowser from './SharedItemsBrowser/SharedItemsBrowser.vue'
 import DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
@@ -82,6 +87,7 @@ export default {
 		SharedItems,
 		CollectionList,
 		NcAppNavigationCaption,
+		NcRelatedResourcesPanel,
 		NcButton,
 		NcEmptyContent,
 		SharedItemsBrowser,
@@ -104,6 +110,7 @@ export default {
 			showSharedItemsBrowser: false,
 			browserActiveTab: '',
 			projectsEnabled: loadState('core', 'projects_enabled', false),
+			hasRelatedResources: false,
 		}
 	},
 
@@ -189,9 +196,22 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@use 'sass:math';
+@import '../../../assets/variables';
 
 .more {
 	margin-top: 8px;
 }
 
+// Override default NcRelatedResourcesPanel styles
+.related-resources {
+	&::v-deep .related-resources__header {
+		margin: 14px 0 !important;
+		padding: 0 8px 0 math.div($clickable-area, 2) !important;
+		h5 {
+			opacity: .7 !important;
+			color: var(--color-primary-element) !important;
+		}
+	}
+}
 </style>