1 files changed, 17 insertions, 7 deletions
diff --git a/apps/federatedfilesharing/src/components/PersonalSettings.vue b/apps/federatedfilesharing/src/components/PersonalSettings.vue
index 33d9c01e90b..7906d4c31d8 100644
--- a/apps/federatedfilesharing/src/components/PersonalSettings.vue
+++ b/apps/federatedfilesharing/src/components/PersonalSettings.vue
@@ -23,25 +23,31 @@
 
 		<p class="social-button">
 			{{ t('federatedfilesharing', 'Share it so your friends can share files with you:') }}<br>
-			<NcButton @click="goTo(shareFacebookUrl)">
+			<NcButton :href="shareFacebookUrl">
 				{{ t('federatedfilesharing', 'Facebook') }}
 				<template #icon>
 					<img class="social-button__icon social-button__icon--bright" :src="urlFacebookIcon">
 				</template>
 			</NcButton>
 			<NcButton :aria-label="t('federatedfilesharing', 'X (formerly Twitter)')"
-				@click="goTo(shareXUrl)">
+				:href="shareXUrl">
 				{{ t('federatedfilesharing', 'formerly Twitter') }}
 				<template #icon>
 					<img class="social-button__icon" :src="urlXIcon">
 				</template>
 			</NcButton>
-			<NcButton @click="goTo(shareMastodonUrl)">
+			<NcButton :href="shareMastodonUrl">
 				{{ t('federatedfilesharing', 'Mastodon') }}
 				<template #icon>
 					<img class="social-button__icon" :src="urlMastodonIcon">
 				</template>
 			</NcButton>
+			<NcButton :href="shareBlueSkyUrl">
+				{{ t('federatedfilesharing', 'Bluesky') }}
+				<template #icon>
+					<img class="social-button__icon" :src="urlBlueSkyIcon">
+				</template>
+			</NcButton>
 			<NcButton class="social-button__website-button"
 				@click="showHtml = !showHtml">
 				<template #icon>
@@ -76,9 +82,9 @@ import { showSuccess } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
 import { t } from '@nextcloud/l10n'
 import { imagePath } from '@nextcloud/router'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcInputField from '@nextcloud/vue/dist/Components/NcInputField.js'
+import NcSettingsSection from '@nextcloud/vue/components/NcSettingsSection'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcInputField from '@nextcloud/vue/components/NcInputField'
 import IconWeb from 'vue-material-design-icons/Web.vue'
 import IconCheck from 'vue-material-design-icons/Check.vue'
 import IconClipboard from 'vue-material-design-icons/ContentCopy.vue'
@@ -101,6 +107,7 @@ export default {
 			reference: loadState<string>('federatedfilesharing', 'reference'),
 			urlFacebookIcon: imagePath('core', 'facebook'),
 			urlMastodonIcon: imagePath('core', 'mastodon'),
+			urlBlueSkyIcon: imagePath('core', 'bluesky'),
 			urlXIcon: imagePath('core', 'x'),
 		}
 	},
@@ -130,6 +137,9 @@ export default {
 		shareFacebookUrl() {
 			return `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(this.reference)}`
 		},
+		shareBlueSkyUrl() {
+			return `https://bsky.app/intent/compose?text=${encodeURIComponent(this.messageWithURL)}`
+		},
 		logoPathAbsolute() {
 			return window.location.protocol + '//' + window.location.host + this.logoPath
 		},
@@ -176,7 +186,7 @@ export default {
 	.social-button {
 		margin-top: 0.5rem;
 
-		button {
+		button, a {
 			display: inline-flex;
 			margin-inline-start: 0.5rem;
 			margin-top: 1rem;