From 8f32df259715307cd85a6f6e635aa841b9d96319 Mon Sep 17 00:00:00 2001
From: Matt Rider <mattwr18@gmail.com>
Date: Thu, 11 Apr 2019 21:22:33 -0300
Subject: [PATCH] Add translation, linkify avatar

---
 webapp/locales/en.json             |  3 ++-
 webapp/pages/profile/_id/_slug.vue | 12 ++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 0c341b765..ffe28f7a9 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -15,7 +15,8 @@
     "followers": "Followers",
     "following": "Following",
     "shouted": "Shouted",
-    "commented": "Commented"
+    "commented": "Commented",
+    "socialMedia": "Where else can I find"
   },
   "search": {
     "placeholder": "Search",
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index e516f061b..797645574 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -203,6 +203,10 @@
           </template>
         </ds-card>
         <ds-space />
+        <ds-space 
+          v-if="user.socialMedia && user.socialMedia.length"
+          margin="x-small"
+        />
         <ds-card style="position: relative; height: auto;">
           <ds-space
             v-if="user.socialMedia && user.socialMedia.length"
@@ -212,7 +216,7 @@
               tag="h5"
               color="soft"
             >
-              Where else can I find {{ user.name | truncate(15) }}?
+              {{ $t('profile.socialMedia') }} {{ user.name | truncate(15) }}?
             </ds-text>
             <template v-if="user.socialMedia && user.socialMedia.length">
               <ds-space
@@ -221,10 +225,10 @@
                 margin="x-small"
               >
                 <!-- TODO: find better solution for rendering errors -->
-                <ds-avatar
-                  :image="link.favicon"
-                />
                 <a :href="link.url">
+                  <ds-avatar
+                    :image="link.favicon"
+                  />
                   {{ link.username }}
                 </a>
               </ds-space>