+
CSV Import Error Analyser
+
+
+ {/* Delimiter Dropdown */}
+
+ Delimiter
+ handleDelimiterChange(e.target.value)}
+ >
+ {SUPPORTED_DELIMITERS.map((d) => (
+ {d.label}
+ ))}
+
+
+
+ {/* Upload Button */}
+
+ Upload CSV
+
+ Choose file
+
+
+
+
+ {fileName && (
+
+ File: {fileName} |
+ Detected: {stats.rows} rows, {stats.cols} columns
+
+ )}
+
+ {/* DELIMITER WARNING BOX */}
+ {showDelimiterWarning && (
+
+
+
+ ⚠️ Possible Delimiter Mismatch
+
+
+ The uploaded CSV has just {stats.rows} row(s) and {stats.cols} column(s) .
+ This usually happens when the wrong delimiter is selected.
+ Please double check that you are using the correct delimiter.
+
+
+
+ )}
+
+
+
+ {/* Results Section */}
+
+ {loading &&
Analysing CSV…
}
+
+ {!loading && csvErrors.length === 0 && fileName && !showDelimiterWarning && (
+
+ No errors found. The file looks good with the selected delimiter!
+
+ )}
+
+ {!loading && csvErrors.length > 0 && (
+
+
+ Found {csvErrors.length} issues
+
+
+
+ {csvErrors.map((err, idx) => (
+
+ {err.row && Row {err.row} }
+ {err.column && ` [Column: ${err.column}] `}
+ {": "}{err.message}
+
+ ))}
+
+
+
+ )}
+
+
+ 
Debugging Hub