update,

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

@@ -21,11 +21,11 @@ export async function GET(req: NextRequest) {
       return response({ results: [] }, STATUS.OK);
     }
 
-    const testResult = await getProductBySkuOrName(query);
+    const results = await getProductBySkuOrName(query);
 
-    logger('[Product] search-results', testResult?.length);
+    logger('[Product] search-results', results?.length);
 
-    return response({ testResult }, STATUS.OK);
+    return response({ results }, STATUS.OK);
   } catch (error) {
     return handleError('Product - Get search', error);
   }

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

@@ -3,3 +3,6 @@ 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/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 (
     <>