feat: add RTK for master

src/components/MasterDrawer/MasterDrawer.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   Button,
   FormControl,
@@ -18,21 +18,29 @@ import {
 import { useTranslation } from 'react-i18next';
 import { PhoneIcon } from '@chakra-ui/icons';
 
-import { armService } from '../../api/arm';
+import { api } from '../../__data__/service/api';
 
 const MasterDrawer = ({ isOpen, onClose }) => {
-  const { addMaster } = armService();
+  const [addMaster, { error, isSuccess }] = api.useAddMasterMutation();
   const toast = useToast();
 
   const [newMaster, setNewMaster] = useState({ name: '', phone: '' });
 
   const handleSave = async () => {
-    if (newMaster.name.trim() === '' || newMaster.phone.trim() === '') {
+    const trimMaster = {
+      phone: newMaster.phone.trim(),
+      name: newMaster.name.trim(),
+    };
+
+    if (trimMaster.name === '' || trimMaster.phone === '') {
       return;
     }
 
-    try {
-      await addMaster(newMaster);
+    addMaster(trimMaster);
+  };
+
+  useEffect(() => {
+    if (isSuccess) {
       toast({
         title: 'Мастер создан.',
         description: `Мастер "${newMaster.name}" успешно добавлен.`,
@@ -42,7 +50,11 @@ const MasterDrawer = ({ isOpen, onClose }) => {
         position: 'top-right',
       });
       onClose();
-    } catch (error) {
+    }
+  }, [isSuccess]);
+
+  useEffect(() => {
+    if (error) {
       toast({
         title: 'Ошибка при создании мастера.',
         description: 'Не удалось добавить мастера. Попробуйте еще раз.',
@@ -53,7 +65,7 @@ const MasterDrawer = ({ isOpen, onClose }) => {
       });
       console.error(error);
     }
-  };
+  }, [error]);
 
   const { t } = useTranslation('~', {
     keyPrefix: 'dry-wash.arm.master.drawer',