Заявка на услуги (#18)

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz>
Reviewed-on: http://git.tnsu.kz/timur.gorodetskiy/request-portal/pulls/18

src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireForm.tsx

@@ -60,6 +60,7 @@ import { CandidateSection } from './sections/CandidateSection';
 import { PpeSection } from './sections/PpeSection';
 import { ConditionsSection } from './sections/ConditionsSection';
 import { AgencySection } from './sections/AgencySection';
+import { useStableCallback } from '../../shared/useStableCallback';
 
 const RecruitingHireForm: React.FC<IRequestFormProps> = ({
   requestType,
@@ -83,6 +84,14 @@ const RecruitingHireForm: React.FC<IRequestFormProps> = ({
   const [requestStatus, setRequestStatus] = useState<string | undefined>(undefined);
   const [requestCode, setRequestCode] = useState<string | undefined>(undefined);
   const submit = useRequestSubmit();
+  // onCodeLoaded — колбэк родителя (RequestPortal → EditFeature): его ссылка
+  // может меняться на каждом рендере, поэтому в зависимости эффектов идёт
+  // стабильная обёртка, а не сам проп — иначе заявка перезапрашивалась бы при
+  // каждом рендере родителя.
+  const notifyCode = useStableCallback(onCodeLoaded);
+  // submit целиком в зависимости класть нельзя (пересоздаётся при каждой смене
+  // saving/error), а setError стабилен — его и берём.
+  const { setError: setSubmitError } = submit;
 
   const readOnly = !isEditableStatus(requestStatus);
 
@@ -101,19 +110,19 @@ const RecruitingHireForm: React.FC<IRequestFormProps> = ({
           setData(loaded.data);
           setRequestStatus(loaded.status);
           setRequestCode(loaded.code || undefined);
-          if (loaded.code) onCodeLoaded?.(loaded.code);
+          if (loaded.code) notifyCode(loaded.code);
           setExistingAttachments(atts);
         }
       })
       .catch((e) => {
         if (alive) {
-          submit.setError(`Не удалось загрузить заявку №${editId}: ${friendlyErrorMessage(e)}`);
+          setSubmitError(`Не удалось загрузить заявку №${editId}: ${friendlyErrorMessage(e)}`);
         }
       });
     return () => {
       alive = false;
     };
-  }, [editId, editListId]);
+  }, [editId, editListId, notifyCode, setSubmitError]);
 
   // Маршрут согласования (планируемый) резолвится по email инициатора — текущего
   // пользователя (кандидата ещё нет в системе). У заявки, открытой на

src/webparts/requestPortal/forms/RecruitingHire/RecruitingHireView.tsx

@@ -33,6 +33,7 @@ import { CandidateSection } from './sections/CandidateSection';
 import { PpeSection } from './sections/PpeSection';
 import { ConditionsSection } from './sections/ConditionsSection';
 import { AgencySection } from './sections/AgencySection';
+import { useStableCallback } from '../../shared/useStableCallback';
 
 interface IRecruitingHireViewProps {
   context: WebPartContext;
@@ -56,6 +57,11 @@ const NOOP_SET: SetField = () => undefined;
 // Переиспользует те же секции, что и форма подачи; редактирование выключено
 // через <FormModeProvider readOnly> — поля сами становятся неизменяемыми.
 const RecruitingHireView: React.FC<IRecruitingHireViewProps> = ({ context, itemId, formKey, listId, onCodeLoaded }) => {
+  // onCodeLoaded — колбэк родителя (RequestPortal → ApproveFeature): его ссылка
+  // может меняться на каждом рендере, поэтому в зависимости эффекта загрузки
+  // идёт стабильная обёртка, а не сам проп — иначе заявка перезапрашивалась бы
+  // при каждом рендере родителя.
+  const notifyCode = useStableCallback(onCodeLoaded);
   const [data, setData] = useState<IFormData>(EMPTY_DATA);
   const [status, setStatus] = useState<string>('');
   const [code, setCode] = useState<string>('');
@@ -116,7 +122,7 @@ const RecruitingHireView: React.FC<IRecruitingHireViewProps> = ({ context, itemI
           setData(loaded.data);
           setStatus(loaded.status);
           setCode(loaded.code);
-          onCodeLoaded?.(loaded.code);
+          notifyCode(loaded.code);
           setAttachments(files);
           setError(null);
           setLoading(false);
@@ -131,7 +137,7 @@ const RecruitingHireView: React.FC<IRecruitingHireViewProps> = ({ context, itemI
     return () => {
       alive = false;
     };
-  }, [itemId, listId]);
+  }, [itemId, listId, notifyCode]);
 
   if (loading) {
     return <div className={styles.state}>Загрузка заявки…</div>;