guild_front/src/hooks/useFormValidation.js

import { useState } from "react";

import { apiRequest } from "@api/request";

export const useFormValidation = (
  apiEndpoint,
  fields,
  showNotificationError,
  showNotificationTrue
) => {
  // Состояние формы, содержащее значения полей
  const [formData, setFormData] = useState(fields);

  // Состояние ошибок валидации
  const [validationErrors, setValidationErrors] = useState({});

  // Функция для обработки изменений в полях ввода
  const handleChange = (e) => {
    const { id, value } = e.target;
    setFormData((prevData) => ({ ...prevData, [id]: value }));
  };

  // Функция для валидации формы
  const validateForm = () => {
    const errors = {};
    if (formData.name != undefined) {
      if (formData.name.trim() === "") {
        errors.name = "Имя обязательно к заполнению";
      }
    }

    if (formData.email != undefined) {
      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
      if (formData.email.trim() === "") {
        errors.email = "E-mail обязателен к заполнению";
      } else if (!emailRegex.test(formData.email)) {
        errors.email = "Неверный адрес электронной почты";
      }
    }

    if (formData.tg != undefined) {
      if (formData.tg.trim() === "") {
        errors.tg = "Telegram обязателен к заполнению";
      }
    }

    if (formData.password != undefined) {
      if (formData.password.trim() === "") {
        errors.password = "Пароль обязателен к заполнению";
      } else if (formData.password.length < 8) {
        errors.password = "Пароль должен содержать более 8 символов";
      }
    }

    if (formData.secondPassword != undefined) {
      if (formData.secondPassword.trim() === "") {
        errors.secondPassword = "Повторите пароль";
      } else if (formData.secondPassword !== formData.password) {
        errors.secondPassword = "Пароли должны совпадать";
      }
    }

    setValidationErrors(errors);

    // Возвращаем true, если ошибок нет, иначе - false
    return Object.keys(errors).length === 0;
  };

  // Функция для обработки отправки формы
  const handleSubmit = async (e) => {
    e.preventDefault();

    // Проверка валидации формы
    if (validateForm()) {
      try {
        const response = await apiRequest(apiEndpoint, {
          method: "POST",
          data: formData
        });

        if (!response) {
          showNotificationError();
        } else {
          showNotificationTrue();
        }
      } catch (error) {
        console.error("Error submitting form:", error);
      }
    }
  };

  return {
    formData,
    validationErrors,
    handleChange,
    handleSubmit
  };
};