add tooltip to support contact call link

Signed-off-by: Julien Veyssier <[email protected]>

.github/workflows/release.yml

@@ -21,7 +21,7 @@ jobs:
           node-version: 14
 
       - name: Set up npm
-+        run: npm i -g npm
+        run: npm i -g npm
 
       - name: Setup PHP
         uses: shivammathur/setup-php@v2

src/views/Dashboard.vue

@@ -13,6 +13,7 @@
 			</template>
 		</EmptyContent>
 		<a v-if="supportUserId"
+			v-tooltip.top="{ content: callSupportUserTooltip }"
 			class="call-link"
 			:href="callUrl">
 			<Avatar
@@ -28,9 +29,13 @@ import axios from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'
 import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
 import Avatar from '@nextcloud/vue/dist/Components/Avatar'
+import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 
 import VueMarkdown from 'vue-markdown'
 
+import Vue from 'vue'
+Vue.directive('tooltip', Tooltip)
+
 export default {
 	name: 'Dashboard',
 
@@ -72,6 +77,9 @@ export default {
 				? this.supportText.replace('{name}', this.supportUserName)
 				: t('welcome', 'Talk to your support contact ({name})', { name: this.supportUserName })
 		},
+		callSupportUserTooltip() {
+			return t('welcome', 'Talk to {name}', { name: this.supportUserName })
+		},
 	},
 
 	beforeMount() {