6927: updated button for dashboard

Signed-off-by: Nikola <nikola.gladovic@nextcloud.com>

1 files changed, 11 insertions, 3 deletions

diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 4581e5fae..5bdf59d82 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -45,9 +45,11 @@
 			<EmptyContent icon="icon-talk">
 				<template #desc>
 					{{ t('spreed', 'Say hi to your friends and colleagues!') }}
-					<button @click="clickStartNew">
+					<Button class="button-start-conversation"
+						type="default"
+						@click="clickStartNew">
 						{{ t('spreed', 'Start a conversation') }}
-					</button>
+					</Button>
 				</template>
 			</EmptyContent>
 		</template>
@@ -61,6 +63,7 @@ import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
 import axios from '@nextcloud/axios'
 import { generateOcsUrl, generateUrl } from '@nextcloud/router'
 import { CONVERSATION } from '../constants'
+import Button from '@nextcloud/vue/dist/Components/Button'
 
 const ROOM_POLLING_INTERVAL = 30
 
@@ -75,7 +78,7 @@ const propertySort = (properties) => (a, b) => properties.map(obj => {
 
 export default {
 	name: 'Dashboard',
-	components: { DashboardWidget, DashboardWidgetItem, ConversationIcon, EmptyContent },
+	components: { DashboardWidget, Button, DashboardWidgetItem, ConversationIcon, EmptyContent },
 
 	data() {
 		return {
@@ -203,6 +206,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+	@import '../assets/buttons';
 	::v-deep .item-list__entry {
 		position: relative;
 	}
@@ -216,4 +220,8 @@ export default {
 			margin-bottom: 2vh;
 		}
 	}
+	.button-start-conversation {
+		margin: 0 auto;
+		margin-top: 3px;
+	}
 </style>