import React, { useState, useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import Loader from "../loader/loader";
import { getUserInfos, updateUser } from "../../actions/users";
import { getPolochons } from "../../actions/polochon";
import { PolochonSelect } from "../polochons/select";
export const UserEdit = () => {
const dispatch = useDispatch();
const [id, setId] = useState(polochonId);
const [password, setPassword] = useState("");
const [passwordConfirm, setPasswordConfirm] = useState("");
const loading = useSelector((state) => state.user.loading);
const polochonId = useSelector((state) => state.user.polochonId);
const polochonActivated = useSelector(
(state) => state.user.polochonActivated
);
useEffect(() => {
dispatch(getPolochons());
dispatch(getUserInfos());
}, [dispatch]);
useEffect(() => {
setId(polochonId);
}, [polochonId]);
const handleSubmit = (ev) => {
ev.preventDefault();
dispatch(
updateUser({
password: password,
password_confirm: passwordConfirm, // eslint-disable-line camelcase
polochon_id: id, // eslint-disable-line camelcase
})
);
};
if (loading) {
return