update

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

@@ -1,18 +1,15 @@
 import type { BoxProps } from '@mui/material/Box';
-
-import { usePopover } from 'minimal-shared/hooks';
-
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-import Tooltip from '@mui/material/Tooltip';
-import MenuList from '@mui/material/MenuList';
-import MenuItem from '@mui/material/MenuItem';
 import IconButton from '@mui/material/IconButton';
-
-import { RouterLink } from 'src/routes/components';
-
-import { Iconify } from 'src/components/iconify';
+import MenuItem from '@mui/material/MenuItem';
+import MenuList from '@mui/material/MenuList';
+import Tooltip from '@mui/material/Tooltip';
+import { usePopover } from 'minimal-shared/hooks';
+import { useTranslation } from 'react-i18next';
 import { CustomPopover } from 'src/components/custom-popover';
+import { Iconify } from 'src/components/iconify';
+import { RouterLink } from 'src/routes/components';
 
 // ----------------------------------------------------------------------
 
@@ -36,6 +33,7 @@ export function ProductDetailsToolbar({
   ...other
 }: Props) {
   const menuActions = usePopover();
+  const { t } = useTranslation();
 
   const renderMenuActions = () => (
     <CustomPopover
@@ -77,7 +75,7 @@ export function ProductDetailsToolbar({
           href={backHref}
           startIcon={<Iconify icon="eva:arrow-ios-back-fill" width={16} />}
         >
-          Back
+          {t('back')}
         </Button>
 
         <Box sx={{ flexGrow: 1 }} />