feat: add hook useShowToast.ts

src/components/Editable/Editable.tsx

@@ -9,20 +9,20 @@ import {
   useEditableControls,
   ButtonGroup,
   Stack,
-  useToast,
 } from '@chakra-ui/react';
 import { CheckIcon, CloseIcon, EditIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'react-i18next';
 
 import { useUpdateMasterMutation } from '../../__data__/service/api';
+import useShowToast from '../../hooks/useShowToast';
 
 interface EditableWrapperProps {
   value: string;
-  as: 'phone' | 'name';
+  fieldName: 'phone' | 'name';
   id: string;
 }
 
-const EditableWrapper = ({ value, as, id }: EditableWrapperProps) => {
+const EditableWrapper = ({ value, fieldName, id }: EditableWrapperProps) => {
   const [updateMaster, { isError, isSuccess, error }] =
     useUpdateMasterMutation();
 
@@ -30,41 +30,27 @@ const EditableWrapper = ({ value, as, id }: EditableWrapperProps) => {
     keyPrefix: 'dry-wash.arm.master.editable',
   });
 
-  const toast = useToast();
+  const showToast = useShowToast();
   const [currentValue, setCurrentValue] = useState<string>(value);
 
   const handleSubmit = async (newValue: string) => {
     if (currentValue === newValue) return;
 
-    await updateMaster({ id, [as]: newValue });
+    await updateMaster({ id, [fieldName]: newValue });
 
     setCurrentValue(newValue);
   };
 
   useEffect(() => {
     if (isSuccess) {
-      toast({
-        title: 'Успешно!',
-        description: 'Данные обновлены.',
-        status: 'success',
-        duration: 2000,
-        isClosable: true,
-        position: 'top-right',
-      });
+      showToast(t('toast.success'), 'success');
     }
   }, [isSuccess]);
 
   useEffect(() => {
     if (isError) {
-      toast({
-        title: 'Ошибка!',
-        description: 'Не удалось обновить данные.',
-        status: 'error',
-        duration: 2000,
-        isClosable: true,
-        position: 'top-right',
-      });
-      console.error('Ошибка при обновлении данных:', error);
+      showToast(t('toast.error.title'), 'error', t('toast.error.description'));
+      console.error(t('toast.error.description'), error);
     }
   }, [isError, error]);