fix dropdown icon

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soramitsu/soramitsu-js-ui",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "private": false,
   "publishConfig": {
     "registry": "https://nexus.iroha.tech/repository/npm-soramitsu/"

src/components/Dropdown/SDropdownItem/SDropdownItem.vue

@@ -13,6 +13,8 @@
 import { Vue, Component, Prop } from 'vue-property-decorator'
 import ElDropdownItem from 'element-ui/lib/dropdown-item'
 
+import { iconClass } from '../../Icon/utils'
+
 @Component({
   components: { ElDropdownItem }
 })
@@ -40,8 +42,7 @@ export default class SDropdownItem extends Vue {
   @Prop({ type: String }) readonly icon!: string
 
   get computedIcon (): string {
-    // TODO: add checks for invalid icons
-    return `s-icon-${this.icon}`
+    return iconClass(this.icon)
   }
 }
 </script>

src/components/Icon/SIcon/SIcon.vue

@@ -6,7 +6,7 @@
 import { Vue, Component, Prop } from 'vue-property-decorator'
 import last from 'lodash/fp/last'
 
-import { Icons16, Icons24, StatusIcons } from '../consts'
+import { iconClass } from '../utils'
 
 @Component
 export default class SIcon extends Vue {
@@ -33,20 +33,7 @@ export default class SIcon extends Vue {
   }
 
   get computedClass (): string {
-    if (!this.name) {
-      return ''
-    }
-    if (this.name.startsWith('el-icon')) {
-      return this.name
-    }
-    const is16Size = (Object.values(Icons16) as Array<string>).includes(this.name)
-    const is24Size = (Object.values(Icons24) as Array<string>).includes(this.name)
-    const isStatusIcon = (Object.values(StatusIcons) as Array<string>).includes(this.name)
-    if (!(is16Size || is24Size || isStatusIcon)) {
-      console.warn(`'${this.name}' was not found`)
-      return ''
-    }
-    return `s-icon-${this.name}`
+    return iconClass(this.name)
   }
 
   get computedStyles () {

src/components/Icon/utils.ts

@@ -0,0 +1,18 @@
+import { Icons16, Icons24, StatusIcons } from './consts'
+
+export const iconClass = (name: string): string => {
+  if (!name) {
+    return ''
+  }
+  if (name.startsWith('el-icon')) {
+    return name
+  }
+  const is16Size = (Object.values(Icons16) as Array<string>).includes(name)
+  const is24Size = (Object.values(Icons24) as Array<string>).includes(name)
+  const isStatusIcon = (Object.values(StatusIcons) as Array<string>).includes(name)
+  if (!(is16Size || is24Size || isStatusIcon)) {
+    console.warn(`'${name}' was not found`)
+    return ''
+  }
+  return `s-icon-${name}`
+}

src/styles/table.scss

@@ -39,10 +39,9 @@
 .el-table thead {
   color: var(--s-color-base-content-tertiary);
 }
-.el-table__empty-block {
-  .el-table__empty-text {
-    color: var(--s-color-base-content-tertiary);
-  }
+.el-table__empty-block,
+.el-table__empty-text {
+  color: var(--s-color-base-content-tertiary);
 }
 .el-table--group,
 .el-table--border,