add GAvatar

ui/src/components/GAvatar.vue

@@ -0,0 +1,30 @@
+<template>
+  <img :src="link" alt="avatar">
+</template>
+
+<script>
+  import axios from 'axios'
+  import avatarPlaceholder from '../assets/user_avatar.png'
+
+  export default {
+    name: 'GAvatar',
+    props: ['email'],
+    data: () => ({link: avatarPlaceholder}),
+    methods: {
+      setLink () {
+        if (this.email) {
+          axios.get(`https://picasaweb.google.com/data/entry/api/user/${this.email}?alt=json`).then(response => {
+            this.link = response.data.entry.gphoto$thumbnail.$t
+          })
+        }
+      }
+    },
+    mounted () {
+      this.setLink()
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>