Fix pick list product search and category display

This commit is contained in:
beatz174-bit
2025-11-23 16:40:19 +10:00
parent 90a7fb3f9d
commit 07dda72f82
2 changed files with 14 additions and 2 deletions
+2
View File
@@ -114,6 +114,8 @@ export const ActivePickListScreen = () => {
const packagingTypeCount = Number(hasCartonItems) + Number(hasUnitItems);
const singlePackagingType = packagingTypeCount === 1;
const categoryFilteredProducts = useMemo(() => sortedProducts, [sortedProducts]);
const filteredProducts = useMemo(() => {
const normalizedQuery = query.trim().toLowerCase();
if (!normalizedQuery) return categoryFilteredProducts;
+12 -2
View File
@@ -25,12 +25,22 @@ export const StartPickListScreen = () => {
const [selectedCategories, setSelectedCategories] = useState<string[]>([]);
const [autoAddNewProducts, setAutoAddNewProducts] = useState(true);
const uniqueCategories = useMemo(() => {
const seen = new Set<string>();
return categories.filter((category) => {
const key = category.name.trim().toLowerCase();
if (seen.has(key)) return false;
seen.add(key);
return true;
});
}, [categories]);
const sortedCategories = useMemo(
() =>
[...categories].sort((a, b) =>
[...uniqueCategories].sort((a, b) =>
a.name.localeCompare(b.name, undefined, { sensitivity: 'base' }),
),
[categories],
[uniqueCategories],
);
const handleToggleCategory = (categoryId: string) => {