[backend] handle search product

Author: nxhawk

backend/src/product/product.service.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@nestjs/common';
 import { IProduct } from './interfaces/product';
 import { Product } from './entities/product.entity';
 import { InjectRepository } from '@nestjs/typeorm';
-import { In, Repository } from 'typeorm';
+import { ILike, In, Repository } from 'typeorm';
 import { ProductDetail } from './entities/product-details.entity';
 import { SortByOption, filterByPrice } from 'src/utils/helpers';
 import { IGetProductsResponse } from 'src/utils/types';
@@ -20,6 +20,7 @@ export class ProductService implements IProduct {
   async getAll(query): Promise<IGetProductsResponse> {
     const perPage = Number(query['perPage']) || 10;
     const currentPage = Number(query['page']) || 1;
+    const searchValue = query['search'] || '';
 
     const [products, totalProduct] = await this.productRepository.findAndCount({
       where: {
@@ -30,6 +31,7 @@ export class ProductService implements IProduct {
         },
         price: filterByPrice(query['price']),
         rate: query['star'] ? Number(query['star']) : undefined,
+        name: ILike(`%${searchValue}%`),
       },
       relations: {
         comment: true,

frontend/src/components/SearchProductBar.tsx

@@ -5,7 +5,7 @@ const SearchProductBar = ({setSearchValueRoot}: {setSearchValueRoot: Dispatch<Se
 
   const [searchValue, setSearchValue] = useState<string>("");
 
-  const debounceSearchValue = useDebounce({ value: searchValue, delay: 1000}); 
+  const debounceSearchValue = useDebounce({ value: searchValue, delay: 500}); 
 
   useEffect(()=>{
     setSearchValueRoot(debounceSearchValue);