ayanova/src/components/alert-control.vue

@@ -0,0 +1,22 @@
+<template>
+  <v-col v-if="alertMessage" cols="12" mt-1 mb-2>
+    <v-alert
+      ref="alertBox"
+      data-cy="alertbox"
+      v-show="alertMessage"
+      color="primary"
+      icon="$ayiInfoCircle"
+      class="multi-line"
+      outlined
+      >{{ alertMessage }}</v-alert
+    >
+  </v-col>
+</template>
+<script>
+export default {
+  data: () => ({}),
+  props: {
+    alertMessage: { type: String, default: null }
+  }
+};
+</script>

ayanova/src/components/error-control.vue

@@ -5,8 +5,7 @@
       data-cy="generalerror"
       v-show="errorBoxMessage"
       color="error"
-      icon="$ayiExclamationCircle"
-      transition="scale-transition"
+      icon="$ayiExclamationTriangle"
       class="multi-line"
       outlined
       >{{ errorBoxMessage }}</v-alert