update,

03_source/cms_backend/src/app/api/product/search/route.ts

@@ -3,11 +3,11 @@ import type { NextRequest } from 'next/server';
 import { logger } from 'src/utils/logger';
 import { STATUS, response, handleError } from 'src/utils/response';
 
-import { _products } from 'src/_mock/_product';
+import { getProductBySkuOrName } from 'src/app/services/product.service';
 
 // ----------------------------------------------------------------------
 
-export const runtime = 'edge';
+// export const runtime = 'edge';
 
 /** **************************************
  * GET - Search products
@@ -21,12 +21,9 @@ export async function GET(req: NextRequest) {
       return response({ results: [] }, STATUS.OK);
     }
 
-    const products = _products();
+    const results = await getProductBySkuOrName(query);
 
-    // Accept search by name or sku
-    const results = products.filter(({ name, sku }) => name.toLowerCase().includes(query) || sku?.toLowerCase().includes(query));
-
-    logger('[Product] search-results', results.length);
+    logger('[Product] search-results', results?.length);
 
     return response({ results }, STATUS.OK);
   } catch (error) {

03_source/cms_backend/src/app/api/product/search/test.http

@@ -0,0 +1,8 @@
+###
+GET http://localhost:7272/api/product/search?query=B
+
+###
+GET http://localhost:7272/api/product/search?query=Classic
+
+###
+GET http://localhost:7272/api/product/search?query=zzzzzz

03_source/cms_backend/src/app/services/product.service.ts

@@ -68,9 +68,7 @@ type UpdateProduct = {
 
 async function listProducts(): Promise<ProductItem[]> {
   return prisma.productItem.findMany({
-    include: {
-      reviews: true,
-    },
+    include: { reviews: true },
   });
 }
 
@@ -82,6 +80,14 @@ async function getProduct(productId: string): Promise<ProductItem | null> {
   });
 }
 
+async function getProductBySkuOrName(searchText: string): Promise<ProductItem[] | null> {
+  return prisma.productItem.findMany({
+    where: { OR: [{ sku: { contains: searchText, mode: 'insensitive' } }, { name: { contains: searchText, mode: 'insensitive' } }] },
+    include: { reviews: true },
+    //
+  });
+}
+
 async function createProduct(productData: any) {
   return await prisma.productItem.create({ data: productData });
 }
@@ -97,4 +103,4 @@ async function deleteProduct(productId: string) {
   return prisma.productItem.delete({ where: { id: productId } });
 }
 
-export { getProduct, listProducts, createProduct, updateProduct, deleteProduct, type CreateProduct, type UpdateProduct };
+export { getProduct, listProducts, createProduct, updateProduct, deleteProduct, getProductBySkuOrName, type CreateProduct, type UpdateProduct };

03_source/frontend/src/actions/product.ts

@@ -99,7 +99,9 @@ export async function createProduct(productData: IProductItem) {
    * Work on server
    */
   const data = { productData };
-  await axiosInstance.post(endpoints.product.create, data);
+  const {
+    data: { id },
+  } = await axiosInstance.post(endpoints.product.create, data);
 
   /**
    * Work in local
@@ -109,7 +111,7 @@ export async function createProduct(productData: IProductItem) {
     (currentData: any) => {
       const currentProducts: IProductItem[] = currentData?.products;
 
-      const products = [...currentProducts, productData];
+      const products = [...currentProducts, { ...productData, id }];
 
       return { ...currentData, products };
     },

03_source/frontend/src/sections/product/product-list.tsx

@@ -17,13 +17,15 @@ export function ProductList({ products, loading, sx, ...other }: Props) {
   const renderLoading = () => <ProductItemSkeleton />;
 
   const renderList = () =>
-    products.map((product) => (
-      <ProductItem
-        key={product.id}
-        product={product}
-        detailsHref={paths.product.details(product.id)}
-      />
-    ));
+    products.map((product) => {
+      return (
+        <ProductItem
+          key={product.id}
+          product={product}
+          detailsHref={paths.product.details(product.id)}
+        />
+      );
+    });
 
   return (
     <>