summaryrefslogtreecommitdiff
path: root/src/components/Global/StatusIcon.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Global/StatusIcon.vue')
-rw-r--r--src/components/Global/StatusIcon.vue8
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/Global/StatusIcon.vue b/src/components/Global/StatusIcon.vue
index 6de6d310..bf58722a 100644
--- a/src/components/Global/StatusIcon.vue
+++ b/src/components/Global/StatusIcon.vue
@@ -1,6 +1,7 @@
<template>
<span :class="['status-icon', status]">
- <icon-success v-if="status === 'success'" />
+ <icon-info v-if="status === 'info'" />
+ <icon-success v-else-if="status === 'success'" />
<icon-warning v-else-if="status === 'warning'" />
<icon-danger v-else-if="status === 'danger'" />
<icon-secondary v-else />
@@ -8,6 +9,7 @@
</template>
<script>
+import IconInfo from '@carbon/icons-vue/es/information--filled/20';
import IconCheckmark from '@carbon/icons-vue/es/checkmark--filled/20';
import IconWarning from '@carbon/icons-vue/es/warning--filled/20';
import IconError from '@carbon/icons-vue/es/error--filled/20';
@@ -16,6 +18,7 @@ import IconMisuse from '@carbon/icons-vue/es/misuse/20';
export default {
name: 'StatusIcon',
components: {
+ IconInfo: IconInfo,
iconSuccess: IconCheckmark,
iconDanger: IconMisuse,
iconSecondary: IconError,
@@ -33,6 +36,9 @@ export default {
<style lang="scss" scoped>
.status-icon {
vertical-align: text-bottom;
+ &.info {
+ fill: theme-color('info');
+ }
&.success {
fill: theme-color('success');
}