Updated error function

This commit is contained in:
pepper 2021-01-19 01:24:22 -05:00
parent d4b80352d0
commit 2b778223e3
3 changed files with 53 additions and 26 deletions

View File

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

View File

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

View File

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