f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-28 22:12:39 +00:00
Code Wiki Activity

make more concise

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-10-20 22:21:07 +02:00
parent cac87b14c7
commit 976740dc8b
1 changed files with 25 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
client/homebrew/brewRenderer/errorBar/errorBar.jsx
View File

@@ -7,67 +7,36 @@ import Dialog from '../../../components/dialog.jsx';
const DISMISS_BUTTON = <i className='fas fa-times dismiss' />;
const ErrorBar = ( props ) => {
let hasOpenError = false;
let hasCloseError = false;
let hasMatchError = false;
const ErrorBar = (props) => {
let hasOpenError = false, hasCloseError = false, hasMatchError = false;
const renderErrors = () => {
hasOpenError = false;
hasCloseError = false;
hasMatchError = false;
const renderErrors = () => (
<ul>
{_.map(props.errors, (err, idx) => {
if (err.id === 'OPEN') hasOpenError = true;
if (err.id === 'CLOSE') hasCloseError = true;
if (err.id === 'MISMATCH') hasMatchError = true;
return (
<li key={idx}>
Line {err.line} : {err.text}, '{err.type}' tag
</li>
);
})}
</ul>
);
const errors = _.map(props.errors, (err, idx) => {
if (err.id === 'OPEN') hasOpenError = true;
if (err.id === 'CLOSE') hasCloseError = true;
if (err.id === 'MISMATCH') hasMatchError = true;
return (
<li key={idx}>
Line {err.line} : {err.text}, '{err.type}' tag
</li>
);
});
return <ul>{errors}</ul>;
};
const renderProtip = () => {
const msg = [];
if (hasOpenError) {
msg.push(
<div key="openError">
An unmatched opening tag means there's an opened tag that isn't closed. You need to close your tags, like this {'</div>'}. Make sure to match types!
</div>
);
}
if (hasCloseError) {
msg.push(
<div key="closeError">
An unmatched closing tag means you closed a tag without opening it. Either remove it, or check to where you think you opened it.
</div>
);
}
if (hasMatchError) {
msg.push(
<div key="matchError">
A type mismatch means you closed a tag, but the last open tag was a different type.
</div>
);
}
return (
<div className="protips">
<h4>Protips!</h4>
{msg}
</div>
);
};
const renderProtip = () => (
<div className="protips">
<h4>Protips!</h4>
{hasOpenError && <div>Unmatched opening tag. Close your tags, like this {'</div>'}. Match types!</div>}
{hasCloseError && <div>Unmatched closing tag. Either remove it or check where it was opened.</div>}
{hasMatchError && <div>Type mismatch. Closed a tag with a different type.</div>}
</div>
);
if (!props.errors.length) return null;
return (
<Dialog className="errorBar" closeText={DISMISS_BUTTON} >
<div className="content">