update,

03_source/frontend/src/sections/product/product-new-edit-form.tsx

@@ -206,7 +206,6 @@ export function ProductNewEditForm({ currentProduct }: Props) {
 
       if (currentProduct) {
         // perform save
-
         await saveProduct(currentProduct.id, values);
       } else {
         // perform create
@@ -215,7 +214,8 @@ export function ProductNewEditForm({ currentProduct }: Props) {
 
       toast.success(currentProduct ? 'Update success!' : 'Create success!');
 
-      // router.push(paths.dashboard.product.root);
+      router.push(paths.dashboard.product.root);
+
       // console.info('DATA', updatedData);
     } catch (error) {
       console.error(error);

03_source/frontend/src/sections/product/product-table-row.tsx

@@ -1,3 +1,4 @@
+// src/sections/product/product-table-row.tsx
 import type { GridCellParams } from '@mui/x-data-grid';
 
 import Box from '@mui/material/Box';
@@ -43,7 +44,7 @@ export function RenderCellCreatedAt({ params }: ParamsProps) {
 }
 
 export function RenderCellStock({ params }: ParamsProps) {
-  return <>helloworld</>
+  return <>helloworld</>;
 
   return (
     <Box sx={{ width: 1, typography: 'caption', color: 'text.secondary' }}>

03_source/frontend/src/sections/product/view/product-details-view.tsx

@@ -86,7 +86,7 @@ export function ProductDetailsView({ product, error, loading }: Props) {
       <DashboardContent sx={{ pt: 5 }}>
         <EmptyContent
           filled
-          title="Product not found!"
+          title={t('Product not found!')}
           action={
             <Button
               component={RouterLink}
@@ -94,7 +94,7 @@ export function ProductDetailsView({ product, error, loading }: Props) {
               startIcon={<Iconify width={16} icon="eva:arrow-ios-back-fill" />}
               sx={{ mt: 3 }}
             >
-              Back to list
+              {t('Back to list')}
             </Button>
           }
           sx={{ py: 10, height: 'auto', flexGrow: 'unset' }}

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

@@ -81,6 +81,11 @@ export function ProductListView() {
     { value: 'out of stock', label: t('Out of stock') },
   ];
 
+  const PUBLISH_OPTIONS = [
+    { value: 'published', label: t('Published') },
+    { value: 'draft', label: t('Draft') },
+  ];
+
   useEffect(() => {
     if (products.length) {
       setTableData(products);
@@ -94,11 +99,6 @@ export function ProductListView() {
     filters: currentFilters,
   });
 
-  const PUBLISH_OPTIONS = [
-    { value: 'published', label: t('Published') },
-    { value: 'draft', label: t('Draft') },
-  ];
-
   const handleDeleteSingleRow = useCallback(async () => {
     // const deleteRow = tableData.filter((row) => row.id !== id);
 
@@ -245,7 +245,7 @@ export function ProductListView() {
             confirmDeleteMultiItemsDialog.onFalse();
           }}
         >
-          Delete
+          {t('Delete')}
         </Button>
       }
     />
@@ -269,7 +269,7 @@ export function ProductListView() {
             confirmDeleteSingleItemDialog.onFalse();
           }}
         >
-          Delete
+          {t('Delete')}
         </Button>
       }
     />
@@ -279,7 +279,7 @@ export function ProductListView() {
     <>
       <DashboardContent sx={{ flexGrow: 1, display: 'flex', flexDirection: 'column' }}>
         <CustomBreadcrumbs
-          heading="List"
+          heading={t('Product List')}
           links={[
             { name: t('Dashboard'), href: paths.dashboard.root },
             { name: t('Product'), href: paths.dashboard.product.root },

03_source/frontend/src/sections/product/view/product-shop-details-view.tsx

@@ -27,6 +27,7 @@ import { ProductDetailsReview } from '../product-details-review';
 import { ProductDetailsSummary } from '../product-details-summary';
 import { ProductDetailsCarousel } from '../product-details-carousel';
 import { ProductDetailsDescription } from '../product-details-description';
+import { useTranslation } from 'react-i18next';
 
 // ----------------------------------------------------------------------
 
@@ -57,6 +58,7 @@ type Props = {
 };
 
 export function ProductShopDetailsView({ product, error, loading }: Props) {
+  const { t } = useTranslation();
   const { state: checkoutState, onAddToCart } = useCheckoutContext();
 
   const containerStyles: SxProps<Theme> = {
@@ -79,7 +81,7 @@ export function ProductShopDetailsView({ product, error, loading }: Props) {
       <Container sx={containerStyles}>
         <EmptyContent
           filled
-          title="Product not found!"
+          title={t('Product not found!')}
           action={
             <Button
               component={RouterLink}