Proyectos de Subversion LeadersLinked - SPA

import React from "react";

import { useParams } from "react-router-dom";

import { useDispatch } from "react-redux";

import { useFetch, useHabitProgress } from "@hooks";

import { updateProgress } from "@services/habits/habits";

import { addNotification } from "@store/notification/notification.actions";

import PageHeader from "@components/common/page-header";

import LoadingWrapper from "@components/common/loading-wrapper";

import ProgressForm from "@components/habits/progress/progress-form";

export default function EditHabitProgress() {

  const { id } = useParams();

  const dispatch = useDispatch();

  const { getItemById, loading, editItem } = useHabitProgress();

  const currentRegister = getItemById(id);

  const { data: registerValues, loading: loadingValues } = useFetch(

    currentRegister?.actions.link_edit

  );

  const onSubmit = async (progress) => {

    try {

      const response = await updateProgress(

        currentRegister?.actions.link_edit,

        progress

      );

      editItem(response.data);

      dispatch(addNotification({ style: "success", msg: response.message }));

    } catch (error) {

      dispatch(addNotification({ style: "danger", msg: error.message }));

    }

  };

  return (

    <>

      <PageHeader title="Editar progreso" goBack />

      <LoadingWrapper loading={loading || loadingValues}>

        <ProgressForm onSubmit={onSubmit} values={registerValues} />

      </LoadingWrapper>

    </>

  );

}