Fixed error showing when not supposed to

This commit is contained in:
Lucas Oliveira 2023-07-31 10:53:03 -03:00
commit 2720d27e30

View file

@ -18,7 +18,7 @@ import { classNames } from "../../../../utils/utils";
import DisclosureComponent from "../DisclosureComponent"; import DisclosureComponent from "../DisclosureComponent";
export default function ExtraSidebar() { export default function ExtraSidebar() {
const { data,templates } = useContext(typesContext); const { data, templates } = useContext(typesContext);
const { flows, tabId, uploadFlow, tabsState, saveFlow, isBuilt } = const { flows, tabId, uploadFlow, tabsState, saveFlow, isBuilt } =
useContext(TabsContext); useContext(TabsContext);
const { setSuccessData, setErrorData } = useContext(alertContext); const { setSuccessData, setErrorData } = useContext(alertContext);
@ -59,14 +59,15 @@ export default function ExtraSidebar() {
const flow = flows.find((f) => f.id === tabId); const flow = flows.find((f) => f.id === tabId);
useEffect(() => { useEffect(() => {
// show components with error on load // show components with error on load
let errors= []; let errors = [];
Object.keys(templates).forEach(component => { Object.keys(templates).forEach((component) => {
if(templates[component].error){ if (templates[component].error) {
errors.push(component); errors.push(component);
} }
}); });
setErrorData({title:" Components with errors: ",list:errors}) if (errors.length > 0)
},[]); setErrorData({ title: " Components with errors: ", list: errors });
}, []);
return ( return (
<div className="side-bar-arrangement"> <div className="side-bar-arrangement">
@ -183,7 +184,10 @@ export default function ExtraSidebar() {
<div <div
draggable={!data[d][t].error} draggable={!data[d][t].error}
className={ className={
"side-bar-components-border bg-background" + (data[d][t].error ? " select-none cursor-not-allowed" : "") "side-bar-components-border bg-background" +
(data[d][t].error
? " cursor-not-allowed select-none"
: "")
} }
style={{ style={{
borderLeftColor: borderLeftColor: