Proyectos de Subversion LeadersLinked - SPA

import React from "react";
import { useNavigate, useParams } from "react-router-dom";
import { useDispatch } from "react-redux";

import { useFetch, useGoals } from "@hooks";
import { editGoal } from "@services/habits/goals";
import { addNotification } from "@store/notification/notification.actions";

import PageHeader from "@components/common/page-header";
import GoalForm from "@components/habits/goals/goal-form";
import LoadingWrapper from "@components/common/loading-wrapper";

export default function EditGoalPage() {
  const { id } = useParams();
  const navigate = useNavigate();
  const dispatch = useDispatch();

  const { addUrl, updateGoal, getGoalById } = useGoals();
  const currentGoal = getGoalById(id);

  const { data: goalValues, loading } = useFetch(
    currentGoal?.actions.link_edit
  );
  const { data: habits } = useFetch(addUrl);
  const habitsValues = Object.entries(habits).map(([value, name]) => ({
    value,
    name,
  }));

  const onSubmit = async (goal) => {
    try {
      const response = await editGoal(currentGoal?.actions.link_edit, goal);
      updateGoal(response.data);
      dispatch(addNotification({ style: "success", msg: response.message }));
      navigate("/habits/goals");
    } catch (error) {
      dispatch(addNotification({ style: "danger", msg: error.message }));
    }
  };

  return (
    <>
      <PageHeader title="Editar Meta" goBack />
      <LoadingWrapper loading={loading}>
        <GoalForm
          onSubmit={onSubmit}
          habits={habitsValues}
          values={{
            ...goalValues,
            start_date: new Date(goalValues.start_date + "T00:00:00"),
            end_date: new Date(goalValues.end_date + "T00:00:00"),
          }}
        />
      </LoadingWrapper>
    </>
  );
}