From a731132f4624cb85a17e466c2d2a41b01cfd62d9 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Fri, 12 Jun 2020 03:21:18 +0200
Subject: [PATCH] Fix discoverability of 'Share link' functionality

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 src/views/Sidebar.vue | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/views/Sidebar.vue b/src/views/Sidebar.vue
index 4f544e8..a873bd0 100644
--- a/src/views/Sidebar.vue
+++ b/src/views/Sidebar.vue
@@ -25,13 +25,10 @@
 		v-show="opened"
 		:title="form.title"
 		@close="onClose">
-		<template #secondary-actions>
-			<ActionLink icon="icon-clippy"
-				:href="shareLink"
-				@click.stop.prevent="copyShareLink">
-				{{ t('forms', 'Copy share link') }}
-			</ActionLink>
-		</template>
+		<button class="copyShareLink" @click="copyShareLink">
+			<span class="icon-clippy" role="img" />
+			{{ t('forms', 'Copy share link') }}
+		</button>
 
 		<h3>{{ t('forms', 'Sharing') }}</h3>
 		<ul>
@@ -44,7 +41,7 @@
 					@change="onAccessChange">
 				<label for="public">
 					<span class="icon-public">
-						{{ t('forms', 'Share link') }}
+						{{ t('forms', 'Share via link') }}
 					</span>
 				</label>
 			</li>
@@ -85,7 +82,6 @@
 			<li>
 				<input id="isAnonymous"
 					v-model="form.isAnonymous"
-
 					type="checkbox"
 					class="checkbox"
 					@change="onAnonChange">
@@ -135,7 +131,6 @@ import { generateUrl } from '@nextcloud/router'
 import { getLocale, getDayNamesShort, getMonthNamesShort } from '@nextcloud/l10n'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { showError, showSuccess } from '@nextcloud/dialogs'
-import ActionLink from '@nextcloud/vue/dist/Components/ActionLink'
 import AppSidebar from '@nextcloud/vue/dist/Components/AppSidebar'
 import DatetimePicker from '@nextcloud/vue/dist/Components/DatetimePicker'
 import moment from '@nextcloud/moment'
@@ -147,7 +142,6 @@ export default {
 	name: 'Sidebar',
 
 	components: {
-		ActionLink,
 		AppSidebar,
 		DatetimePicker,
 		ShareDiv,
@@ -350,7 +344,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.copyShareLink {
+	margin: 8px;
+}
+
 h3 {
+	font-weight: bold;
 	margin-left: 8px;
 	margin-bottom: 8px;
 }