@@ -325,6 +325,11 @@ window.ProcessMaker.apiClient.interceptors.response.use((response) => {
   }
   return response;
 }, (error) => {
+  // Set in your .catch to false to not show the alert inside window.ProcessMaker.apiClient
+  if (!error.response.showAlert) {
+    return Promise.reject(error);
+  }
+
   if (error.code && error.code === "ERR_CANCELED") {
     return Promise.reject(error);
   }
 
@@ -1,7 +1,13 @@
 <template>
   <b-card-text class="asset">
     <span>
+      <img
+        v-if="image_icon"
+        :src="image_icon"
+        :alt="asset_name"
+      >
       <i
+        v-if="icon"
         :class="icon"
         :style="{color: color}"
       />
@@ -15,7 +21,8 @@ export default {
   props: [
     "color",
     "asset_name",
-    "icon"
+    "icon",
+    "image_icon",
   ],
   data() {
     return { };
 
@@ -23,6 +23,7 @@
             <asset
               :color="asset.color"
               :icon="asset.icon"
+              :image_icon="asset.image_icon"
               :asset_name="asset.asset_name"
             />
           </template>
@@ -52,6 +53,7 @@
             <asset
               :color="asset.color"
               :icon="asset.icon"
+              :image_icon="asset.image_icon"
               :asset_name="asset.asset_name"
             />
           </template>
@@ -131,11 +133,11 @@ export default {
           urlAsset: "/designer/data-sources?create=true",
         },
         {
-          color: "#4B667C",
-          icon: "fas fa-magic",
-          asset_name: "Flow Genies",
-          asset_name_all: `${this.$t("View All")} Flow Genies`,
-          asset_name_new: `${this.$t("New")} Flow Genie`,
+          color: "#556271",
+          image_icon: require("../../../img/flowGenieIcon.svg"),
+          asset_name: "FlowGenies",
+          asset_name_all: `${this.$t("View All")} Genies`,
+          asset_name_new: `${this.$t("New")} Genie`,
           urlPath: "/designer/flow-genies",
           urlAsset: "/designer/flow-genies?create=true",
         },
 
@@ -230,7 +230,7 @@ class="invalid-feedback"
                                                         label="title"
                                                     >
                                                         <span slot="noResult">
-                                                            {{ __('Oops! No elements found. Consider changing the search query.') }}
+                                                            @{{ __(noElementsFoundMsg) }}
                                                         </span>
                                                         <template slot="noOptions">
                                                             {{ __('No Data Available') }}
@@ -261,8 +261,8 @@ class="invalid-feedback"
                                                         label="title"
                                                     >
                                                         <span slot="noResult">
-                                                            {{
-                                                                __('Oops! No elements found. Consider changing the search query.')
+                                                            @{{
+                                                                __(noElementsFoundMsg)
                                                             }}
                                                         </span>
                                                         <template slot="noOptions">
@@ -293,8 +293,8 @@ class="invalid-feedback"
                                                         group-label="label"
                                                     >
                                                         <span slot="noResult">
-                                                            {{
-                                                                __('Oops! No elements found. Consider changing the search query.')
+                                                            @{{
+                                                                noElementsFoundMsg
                                                             }}
                                                         </span>
                                                         <template slot="noOptions">
@@ -317,8 +317,8 @@ class="invalid-feedback"
                                                         group-label="label"
                                                     >
                                                         <span slot="noResult">
-                                                            {{
-                                                                __('Oops! No elements found. Consider changing the search query.')
+                                                            @{{
+                                                                __(noElementsFoundMsg)
                                                             }}
                                                         </span>
                                                         <template slot="noOptions">
@@ -632,6 +632,7 @@ class="custom-control-input">
                     translatedLanguages: [],
                     editTranslation: null,
                     activeTab: "",
+                    noElementsFoundMsg: 'Oops! No elements found. Consider changing the search query.',
                 }
                 },
                 mounted() {
Original file line number	Diff line number	Diff line change
`@@ -325,6 +325,11 @@ window.ProcessMaker.apiClient.interceptors.response.use((response) => {`
`325`	`325`	`}`
`326`	`326`	`return response;`
`327`	`327`	`}, (error) => {`
	`328`	`+ // Set in your .catch to false to not show the alert inside window.ProcessMaker.apiClient`
	`329`	`+ if (!error.response.showAlert) {`
	`330`	`+ return Promise.reject(error);`
	`331`	`+ }`
	`332`	`+`
`328`	`333`	`if (error.code && error.code === "ERR_CANCELED") {`
`329`	`334`	`return Promise.reject(error);`
`330`	`335`	`}`