Merge pull request #6365 from nextcloud/add/outbox-third-column

Add text on 3rd outbox column

2 files changed, 22 insertions, 0 deletions

diff --git a/src/components/Outbox.vue b/src/components/Outbox.vue
index 78804ebc8..cf7dcf591 100644
--- a/src/components/Outbox.vue
+++ b/src/components/Outbox.vue
@@ -25,6 +25,7 @@
 		pane-config-key="mail"
 		:show-details="isMessageShown"
 		@update:showDetails="hideMessage">
+		<OutboxMessageContent />
 		<!-- List -->
 		<template #list>
 			<AppContentList>
@@ -53,6 +54,7 @@ import AppContentList from '@nextcloud/vue/dist/Components/AppContentList'
 import Loading from './Loading'
 import Error from './Error'
 import EmptyMailbox from './EmptyMailbox'
+import OutboxMessageContent from './OutboxMessageContent'
 import OutboxMessageListItem from './OutboxMessageListItem'
 import logger from '../logger'
 
@@ -65,6 +67,7 @@ export default {
 		Loading,
 		EmptyMailbox,
 		OutboxMessageListItem,
+		OutboxMessageContent,
 	},
 	data() {
 		return {
diff --git a/src/components/OutboxMessageContent.vue b/src/components/OutboxMessageContent.vue
new file mode 100644
index 000000000..d9574adf0
--- /dev/null
+++ b/src/components/OutboxMessageContent.vue
@@ -0,0 +1,19 @@
+<template>
+	<div id="emptycontent">
+		<div class="icon-mail" />
+		<h2>{{ t('mail', 'Pending or not sent messages will show up here') }}</h2>
+		<div />
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'OutboxMessageContent',
+	components: {
+	},
+}
+</script>
+
+<style scoped>
+
+</style>