christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 13:45:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add classification dropdown in Missing Data edit panel

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-14 17:06:06 +02:00
parent 4771a9b160
commit f4f69633ce
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MissingDataView.tsx
+7 -4
View File
@@ -390,18 +390,21 @@ export function MissingDataView({ data, headers, onSaveRow, onCaptureState }: Mi
<div className="flex-1 overflow-auto p-6 space-y-5"> <div className="flex-1 overflow-auto p-6 space-y-5">
<div className="flex flex-col gap-1.5"> <div className="flex flex-col gap-1.5">
<label className="text-xs font-medium text-slate-400 uppercase tracking-wider">Classification</label> <label className="text-xs font-medium text-slate-400 uppercase tracking-wider">Classification</label>
<input <select
type="text"
value={editing.classification} value={editing.classification}
onChange={e => setEditing(prev => prev ? { ...prev, classification: e.target.value } : prev)} onChange={e => setEditing(prev => prev ? { ...prev, classification: e.target.value } : prev)}
placeholder="e.g. CORE, OOC..."
className={cn( className={cn(
"w-full bg-slate-900 border rounded-md px-3 py-2.5 text-sm text-white focus:outline-none focus:ring-1 transition-colors", "w-full bg-slate-900 border rounded-md px-3 py-2.5 text-sm text-white focus:outline-none focus:ring-1 transition-colors",
editing.classification !== String(editingRow[COLUMNS.CLASSIFICATION] || '') editing.classification !== String(editingRow[COLUMNS.CLASSIFICATION] || '')
? "border-blue-500 focus:ring-blue-500" ? "border-blue-500 focus:ring-blue-500"
: "border-slate-700 focus:border-slate-500 focus:ring-slate-500" : "border-slate-700 focus:border-slate-500 focus:ring-slate-500"
)} )}
/> >
<option value="">Select classification...</option>
{getUniqueValues(COLUMNS.CLASSIFICATION).map(val => (
<option key={val} value={val}>{val}</option>
))}
</select>
</div> </div>
{launchDateCol >= 0 && ( {launchDateCol >= 0 && (