Updated error function

src/components/actions/Error.js

@@ -16,13 +16,13 @@ export const Error = () => (
   </div>
 );
 
-export function buildErrorStringFromArray(error) {
-  let errors = []
+export function builfArrayFromObject(error) {
+  let errors = [];
   for (let key in error) {
-    errors.push(key + ": " + error[key])
+    errors.push(key + ": " + error[key]);
     // console.log(key + ": " + error[key])
   }
-  return errors
+  return errors;
 }
 
 // export default Error;

src/components/actions/Msgbox.js

@@ -3,21 +3,42 @@ import { UList } from "../root/common/Functionality/UnorderedList";
 // // Generic Msgbox
 
 function Msgbox(props) {
-    return <div>
+  return (
+    <div>
       <div className="card-panel grey darken-1">
         <div className="card-content white-link">
           <center>
             <span className="card-title">
-            { props.error ? <span className="white-text"> { "Unable to update: " } <UList className="white-text" listItems={props.error}></UList> </span> 
-            : props.msg ? <span className="white-text">{ "Updated migration details for: " + props.msg }</span> 
-            : props.linkid ? <a href={ process.env.REACT_APP_SITE_URL + "migrations/" +  props.linkid } 
-                                className="white-link">{process.env.REACT_APP_SITE_URL + "migrations/" +  props.linkid }</a> 
-            : null}
+              {props.error ? (
+                <span className="white-text">
+                  {" "}
+                  {"Error: "}{" "}
+                  <UList className="white-text" listItems={props.error}></UList>{" "}
+                </span>
+              ) : props.msg ? (
+                <span className="white-text">
+                  {"Updated migration details for: " + props.msg}
+                </span>
+              ) : props.linkid ? (
+                <a
+                  href={
+                    process.env.REACT_APP_SITE_URL +
+                    "migrations/" +
+                    props.linkid
+                  }
+                  className="white-link"
+                >
+                  {process.env.REACT_APP_SITE_URL +
+                    "migrations/" +
+                    props.linkid}
+                </a>
+              ) : null}
             </span>
           </center>
         </div>
       </div>
-    </div>;
-  }
+    </div>
+  );
+}
 
 export default Msgbox;

src/components/root/common/Functionality/UnorderedList.js

@@ -1,9 +1,15 @@
 import React from "react";
 
-export function UList(props){
-    return (<div>
+export function UList(props) {
+  return (
+    <div>
       <ul>
-        {props.listItems.map((item) => (<li className="white-text">{item}</li>))}
+        {props.listItems.map((item) => (
+          <li liClass="white-text" className={props.liClass}>
+            {item}
+          </li>
+        ))}
       </ul>
-    </div>)
+    </div>
+  );
 }