From c56cfb8c1957f85793e6614ed0a5d345c263af8e Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Mon, 8 Oct 2018 17:42:52 +0200
Subject: [PATCH] Add user icon to user widget

---
 client/src/components/UserWidget.vue     | 10 ++++++++--
 client/src/components/icons/UserIcon.vue |  8 ++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 client/src/components/icons/UserIcon.vue

diff --git a/client/src/components/UserWidget.vue b/client/src/components/UserWidget.vue
index 29c320a2..337baac3 100644
--- a/client/src/components/UserWidget.vue
+++ b/client/src/components/UserWidget.vue
@@ -1,14 +1,20 @@
 <template>
   <div class="user-widget">
-    <img class="user-widget__avatar" :src="avatar">
+    <user-icon class="user-widget__avatar" :src="avatar"></user-icon>
     <span class="user-widget__name">{{firstName}} {{lastName}}</span>
     <span class="user-widget__date" v-if="date">{{date}}</span>
   </div>
 </template>
 
 <script>
+  import UserIcon from '@/components/icons/UserIcon';
+
   export default {
-    props: ['firstName', 'lastName', 'avatar', 'date']
+    props: ['firstName', 'lastName', 'avatar', 'date'],
+
+    components: {
+      UserIcon
+    }
   }
 </script>
 
diff --git a/client/src/components/icons/UserIcon.vue b/client/src/components/icons/UserIcon.vue
new file mode 100644
index 00000000..77f3d933
--- /dev/null
+++ b/client/src/components/icons/UserIcon.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+    <path
+      d="M50,0A50.12,50.12,0,0,0,.07,46.65S0,48.23,0,50s.07,3.25.07,3.36A50,50,0,1,0,50,0ZM24.14,86V79.84A15.18,15.18,0,0,1,39.31,64.67H60.69A15.18,15.18,0,0,1,75.86,79.84V86a44.27,44.27,0,0,1-51.72,0Zm57.47-5V79.84A20.94,20.94,0,0,0,60.69,58.93H39.31A20.94,20.94,0,0,0,18.39,79.84v1.31a44.4,44.4,0,1,1,63.22-.06Z"/>
+    <path
+      d="M50,20.26A17.54,17.54,0,1,0,67.55,37.81,17.57,17.57,0,0,0,50,20.26ZM50,49.6a11.8,11.8,0,1,1,11.81-11.8A11.82,11.82,0,0,1,50,49.6Z"/>
+  </svg>
+</template>