Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 1x 1x 1x 1x 1x 1x 1x | import { useState } from "react";
import ProductTable, { ProductTableProps } from "../ProductTable";
import type { Product } from "../ProductRow";
import SearchBar from "../SearchBar";
function FilterableProductTable({ products }: { products: Product[] }) {
const [filterText, setFilterText] = useState<string>("");
const [inStockOnly, setInStockOnly] = useState<boolean>(false);
return (
<div>
<SearchBar
filterText={filterText}
inStockOnly={inStockOnly}
onInStockOnlyChange={setInStockOnly}
onFilterTextChange={setFilterText}
/>
<ProductTable products={products} filterText={filterText} inStockOnly={inStockOnly} />
</div>
);
}
export default FilterableProductTable;
|