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>

    </>

  );

}