m17e.co
1import vhtml from 'vhtml';
2
3/** @jsx vhtml */
4
5export function ValidatorToggle({ issues, reportError }) {
6 let levelClassName = '';
7 let message = '';
8
9 if (issues) {
10 if (issues.numErrors) {
11 message = `${issues.numErrors} errors.`;
12 } else if (issues.numWarnings) {
13 message = `${issues.numWarnings} warnings.`;
14 } else if (issues.numHints) {
15 message = `${issues.numHints} hints.`;
16 } else if (issues.numInfos) {
17 message = `${issues.numInfos} notes.`;
18 } else {
19 message = 'Model details';
20 }
21 levelClassName = `level-${issues.maxSeverity}`;
22 } else if (reportError) {
23 message = `Validation could not run: ${reportError}.`;
24 } else {
25 message = 'Validation could not run.';
26 }
27
28 return (
29 <div className={`report-toggle ${levelClassName}`}>
30 <div class="report-toggle-text">{message}</div>
31 <div class="report-toggle-close" aria-label="Hide">
32 ×
33 </div>
34 </div>
35 );
36}