6927: updated button for hosted signalling serverfeat/6927/button-for-hosted-signaling-server

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

1 files changed, 8 insertions, 18 deletions

diff --git a/src/components/AdminSettings/HostedSignalingServer.vue b/src/components/AdminSettings/HostedSignalingServer.vue
index 9f5657a51..2a5e9349d 100644
--- a/src/components/AdminSettings/HostedSignalingServer.vue
+++ b/src/components/AdminSettings/HostedSignalingServer.vue
@@ -79,11 +79,11 @@
 				</option>
 			</select>
 			<br>
-			<button class="button primary"
+			<Button type="primary"
 				:disabled="!hostedHPBFilled || loading"
 				@click="requestHPBTrial">
 				{{ t('spreed', 'Request signaling server trial') }}
-			</button>
+			</Button>
 			<p v-if="requestError !== ''"
 				class="warning">
 				{{ requestError }}
@@ -118,11 +118,11 @@
 				class="warning">
 				{{ requestError }}
 			</p>
-			<button class="button delete"
+			<Button type="error"
 				:disabled="loading"
 				@click="deleteAccount">
 				{{ t('spreed', 'Delete the signaling server account') }}
-			</button>
+			</Button>
 		</div>
 	</div>
 </template>
@@ -132,10 +132,13 @@ import { loadState } from '@nextcloud/initial-state'
 import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
 import moment from '@nextcloud/moment'
+import Button from '@nextcloud/vue/dist/Components/Button'
 
 export default {
 	name: 'HostedSignalingServer',
-
+	components: {
+		Button,
+	},
 	data() {
 		return {
 			hostedHPBNextcloudUrl: '',
@@ -265,17 +268,4 @@ tr :first-child {
 	opacity: .5;
 }
 
-.delete {
-	background: var(--color-main-background);
-	border-color: var(--color-error);
-	color: var(--color-error);
-}
-
-.delete:hover,
-.delete:active {
-	background: var(--color-error);
-	border-color: var(--color-error) !important;
-	color: var(--color-main-background);
-}
-
 </style>