import React, { useState, useEffect } from "react";
import { useForm } from "react-hook-form";
import { useHistory } from "react-router-dom";
import { Helmet } from "react-helmet";
import DisplayUserGoals from "./DisplayUserGoals";
import { IoCloseCircleOutline, IoAddCircleOutline } from "react-icons/io5";
import { Button, Form, FormGroup, Label } from "reactstrap";
import UpdateUserGoals from "./UpdateUserGoals";
import UpdateUserProfil from "./UpdateUserProfil";

function ProfilObjectif() {
    const history = useHistory();

    

    return (

        <div className="profilobjectif">

           

            <div className="div_row">
                <nav className="titre1">  Liste des profils </nav>
                <UpdateUserProfil />
            </div>

            <hr />

            <div className="div_row">
                <nav className="titre1"> Liste des objectifs </nav> <br />
               
                <DisplayUserGoals />
            </div>

        </div>

    );


}

export default ProfilObjectif;
