Merge branch '296-image_component' of github.com:Human-Connection/Human-Connection into 296-image_component

webapp/components/Empty.vue

@@ -6,7 +6,7 @@
   >
     <ds-text>
       <hc-image
-        :image-props="{ src: `/img/empty/${this.icon}.svg` }"
+        :image-props="{ src: imgSrc }"
         width="80"
         class="hc-empty-icon"
         style="margin-bottom: 5px"
@@ -56,6 +56,11 @@ export default {
       type: [String, Object],
       default: 'x-large'
     }
+  },
+  computed: {
+    imgSrc() {
+      return `/img/empty/${this.icon}.svg`
+    }
   }
 }
 </script>

webapp/components/RelativeDateTime/spec.js

@@ -1,5 +1,5 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
-import RelativeDateTime from './index'
+import RelativeDateTime from './'
 
 const localVue = createLocalVue()
 

webapp/components/Tag/spec.js

@@ -1,6 +1,6 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
 import Styleguide from '@human-connection/styleguide'
-import Tag from './index'
+import Tag from './'
 
 const localVue = createLocalVue()
 localVue.use(Styleguide)

webapp/pages/login.vue

@@ -30,11 +30,11 @@
               margin-bottom="xxx-small"
               centered
             >
-              <hc-image
+              <img
                 class="login-image"
                 alt="Human Connection"
-                :image-props="{ src: '/img/sign-up/humanconnection.svg' }" 
-              />
+                src="/img/sign-up/humanconnection.svg"
+              >
             </ds-space>
           </ds-flex-item>
           <ds-flex-item
@@ -96,14 +96,12 @@
 
 <script>
 import LocaleSwitch from '~/components/LocaleSwitch'
-import HcImage from '~/components/Image'
 
 import gql from 'graphql-tag'
 
 export default {
   components: {
-    LocaleSwitch,
-    HcImage
+    LocaleSwitch
   },
   layout: 'blank',
   data() {

webapp/pages/settings/my-social-media.vue

@@ -10,7 +10,10 @@
           v-for="link in socialMediaLinks"
           :key="link.id"
         >
-          <a :href="link.url">
+          <a
+            :href="link.url"
+            target="_blank"
+          >
             <hc-image
               :image-props="{ src: link.favicon }"
               alt="Social Media link"