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

docs: clarify multi-word search in UI and apply AND logic to column name filters

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-24 12:23:48 +02:00
parent 97fe06eedd
commit 6a258c3fb6
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PricingView.tsx
+13 -4
View File
@@ -335,9 +335,15 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
}
// Column filters
// Column-specific name filter - Multi-word AND support
if (nameColFilter) {
const s = nameColFilter.toLowerCase();
result = result.filter(r => String(r.row[COLUMNS.ARTICLE_NAME] || '').toLowerCase().includes(s));
const terms = nameColFilter.toLowerCase().split(/\s+/).filter(Boolean);
if (terms.length > 0) {
result = result.filter(r => {
const name = String(r.row[COLUMNS.ARTICLE_NAME] || '').toLowerCase();
return terms.every(term => name.includes(term));
});
}
}
if (lineMultiFilter.length > 0) {
result = result.filter(r => lineMultiFilter.includes(String(r.row[COLUMNS.LINE] || '')));
@@ -744,7 +750,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
<div className="relative">
<input
type="text"
placeholder="Search SKU or Name..."
placeholder="Search SKU or Name (multiple words supported)..."
value={search}
onChange={e => {
setSearch(e.target.value);
@@ -1611,12 +1617,15 @@ function TextFilterPopover({ value, onChange, onClose }: {
<Search className="absolute left-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-slate-500" />
<input
type="text"
placeholder="Search article name…"
placeholder="Search (multiple words supported)..."
value={value}
onChange={e => onChange(e.target.value)}
autoFocus
className="w-full bg-slate-900 border border-slate-700 rounded p-1.5 pl-8 text-xs text-white focus:outline-none focus:border-blue-500"
/>
<div className="mt-1 text-[9px] text-slate-500 italic px-1">
Use spaces to search multiple terms (AND logic)
</div>
</div>
<div className="flex items-center justify-between pt-1 border-t border-slate-700">
<button onClick={() => { onChange(''); onClose(); }} className="text-[10px] font-medium text-slate-400 hover:text-white transition-colors">Clear</button>