From b52480b8d417b154aa8708f0d6bdab6b01e621c6 Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Thu, 14 Nov 2019 13:04:49 +0300
Subject: [PATCH] add BaseIcon component

---
 webapp/components/_new/generic/BaseIcon.vue | 32 +++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 webapp/components/_new/generic/BaseIcon.vue

diff --git a/webapp/components/_new/generic/BaseIcon.vue b/webapp/components/_new/generic/BaseIcon.vue
new file mode 100644
index 000000000..3c65b3887
--- /dev/null
+++ b/webapp/components/_new/generic/BaseIcon.vue
@@ -0,0 +1,32 @@
+<template>
+  <span v-if="svgIcon">
+    <component :is="svgIcon" />
+  </span>
+</template>
+
+<script>
+import icons from '~/view/assets/icons'
+
+export default {
+  props: {
+    name: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    svgIcon() {
+      const icon = icons[this.name]
+      if (!icon) {
+        return false
+      }
+      /*
+      a Vue component needs a render function,
+      so we check if there is a render function directly on the icon –
+      otherwise it is wrapped in icon.default
+      */
+      return icon.render ? icon : icon.default
+    },
+  },
+}
+</script>