diff --git a/src/components/Suggestions.vue b/src/components/Suggestions.vue
index 7e136e4ace37ba6e88f427265cc1492c85867160..21ae71a4e538d0a1dd1bc8c5f6bf3c0661313d22 100644
--- a/src/components/Suggestions.vue
+++ b/src/components/Suggestions.vue
@@ -52,6 +52,7 @@
<ul class="collection">
<li class="collection-item avatar" v-for="suggestion in filteredSuggestions" :key="suggestion.fullId">
<img v-if="suggestion.avatar" :src="suggestion.avatar" alt="" class="circle">
+ <img v-else-if="sources[suggestion.source].getSuggestionAvatar" class="circle" :src="sources[suggestion.source].getSuggestionAvatar()">
<i v-else-if="sources[suggestion.source].defaultAvatarIcon" class="material-icons purple accent-1 circle">{{ sources[suggestion.source].defaultAvatarIcon }}</i>
<a target="_blank" rel="noopener noreferrer" :href="suggestion.url" class="title">{{ suggestion.name }}</a>
<br>
@@ -61,7 +62,7 @@
</span>
<a v-if="retributeProfiles[suggestion.fullId] === undefined" @click="lookup(suggestion.fullId)" class="secondary-content"><i class="material-icons">search</i></a>
<div v-else-if="retributeProfiles[suggestion.fullId]">
- <h6>Donation platforms</h6>
+ <h6>Support on:</h6>
<template v-for="mean in retributeProfiles[suggestion.fullId].means">
<a
:href="mean.url"
@@ -328,3 +329,9 @@ export default {
}
}
</script>
+<style scoped>
+.avatar img.circle,
+.avatar i.circle {
+ border-radius: 10%;
+}
+</style>
diff --git a/src/sources/peertube.js b/src/sources/peertube.js
index b508749fdb9f9a54d98129707b9be238b8002d2a..4b00a691835056c36d38336c7b220792e9046c1c 100644
--- a/src/sources/peertube.js
+++ b/src/sources/peertube.js
@@ -113,12 +113,14 @@ export default {
return `peertube ${domain} ${username}`
},
getAvatar (data) {
-
if (!data.raw || !data.raw.account.avatar) {
return require("../assets/sources/peertube-logo.svg")
}
return data.raw.account.avatar.path
},
+ getSuggestionAvatar () {
+ return require("../assets/sources/peertube-logo.svg")
+ },
getDisplayName ({username, domain}) {
return `${username}@${domain}`
},