From a14706f8662ca054a4180980a5be51b01b01fc82 Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@pm.me>
Date: Wed, 3 Mar 2021 16:12:15 +0000
Subject: [PATCH] Use nc-vue ActionCaption component

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
---
 .../ActionCaption/ActionCaption.vue           | 57 -------------------
 .../ConversationsList/Conversation.vue        |  7 ++-
 2 files changed, 4 insertions(+), 60 deletions(-)
 delete mode 100644 src/components/LeftSidebar/ActionCaption/ActionCaption.vue

diff --git a/src/components/LeftSidebar/ActionCaption/ActionCaption.vue b/src/components/LeftSidebar/ActionCaption/ActionCaption.vue
deleted file mode 100644
index 2f8717f047dc..000000000000
--- a/src/components/LeftSidebar/ActionCaption/ActionCaption.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<!--
-  - @copyright Copyright (c) 2019 Marco Ambrosini <marcoambrosini@pm.me>
-  -
-  - @author Marco Ambrosini <marcoambrosini@pm.me>
-  -
-  - @license GNU AGPL version 3 or any later version
-  -
-  - This program is free software: you can redistribute it and/or modify
-  - it under the terms of the GNU Affero General Public License as
-  - published by the Free Software Foundation, either version 3 of the
-  - License, or (at your option) any later version.
-  -
-  - This program is distributed in the hope that it will be useful,
-  - but WITHOUT ANY WARRANTY; without even the implied warranty of
-  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-  - GNU Affero General Public License for more details.
-  -
-  - You should have received a copy of the GNU Affero General Public License
-  - along with this program. If not, see <http://www.gnu.org/licenses/>.
--->
-
-<template>
-	<li class="app-navigation-caption">
-		{{ title }}
-	</li>
-</template>
-
-<script>
-export default {
-	name: 'ActionCaption',
-	props: {
-		title: {
-			type: String,
-			required: true,
-		},
-	},
-}
-</script>
-
-<style lang="scss" scoped>
-	.app-navigation-caption {
-		color: var(--color-primary);
-		line-height: 44px;
-
-		white-space: nowrap;
-		text-overflow: ellipsis;
-		box-shadow: none !important;
-		user-select: none;
-		pointer-events: none;
-
-		margin-left: 10px;
-
-		&:not(:first-child) {
-			margin-top: 22px;
-		}
-	}
-</style>
diff --git a/src/components/LeftSidebar/ConversationsList/Conversation.vue b/src/components/LeftSidebar/ConversationsList/Conversation.vue
index 53764db2e765..2f1781529cf3 100644
--- a/src/components/LeftSidebar/ConversationsList/Conversation.vue
+++ b/src/components/LeftSidebar/ConversationsList/Conversation.vue
@@ -60,8 +60,9 @@
 
 			<ActionSeparator />
 
-			<ActionText
+			<ActionCaption
 				:title="t('spreed', 'Chat notifications')" />
+
 			<ActionButton
 				:class="{'forced-active': isNotifyAlways}"
 				icon="icon-sound"
@@ -104,7 +105,7 @@
 import { showError, showSuccess } from '@nextcloud/dialogs'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import ActionSeparator from '@nextcloud/vue/dist/Components/ActionSeparator'
-import ActionText from '@nextcloud/vue/dist/Components/ActionText'
+import ActionCaption from '@nextcloud/vue/dist/Components/ActionCaption'
 import AppContentListItem from './AppContentListItem/AppContentListItem'
 import AppNavigationCounter from '@nextcloud/vue/dist/Components/AppNavigationCounter'
 import ConversationIcon from './../../ConversationIcon'
@@ -121,7 +122,7 @@ export default {
 	components: {
 		ActionButton,
 		ActionSeparator,
-		ActionText,
+		ActionCaption,
 		AppContentListItem,
 		AppNavigationCounter,
 		ConversationIcon,