import React, { useState } from "react"; import PropTypes from "prop-types"; import { useSelector, useDispatch } from "react-redux"; import { updateUser, deleteUser } from "../../actions/admins"; import Toggle from "react-bootstrap-toggle"; import { PolochonSelect } from "../polochons/select"; import { FormModal } from "../forms/modal"; import { FormInput } from "../forms/input"; export const UserEdit = ({ id }) => { const dispatch = useDispatch(); const user = useSelector((state) => state.admin.users.get(id)); const polochon = user.polochon; const [modal, setModal] = useState(false); const [admin, setAdmin] = useState(user.admin); const [activated, setActivated] = useState(user.activated); const [token, setToken] = useState(user.token); const [polochonId, setPolochonId] = useState( polochon ? polochon.id : undefined ); const [polochonActivated, setPolochonActivated] = useState( user.polochon_activated ); const [password, setPassword] = useState(""); const [confirmDelete, setConfirmDelete] = useState(false); const handleSubmit = (e) => { if (e) { e.preventDefault(); } dispatch( updateUser({ userId: id, polochonToken: token, admin, activated, polochonId, polochonActivated, password, }) ); setModal(false); }; const handleDeleteUser = (e) => { if (e) { e.preventDefault(); } if (confirmDelete) { dispatch(deleteUser(name)); setModal(false); } else { setConfirmDelete(true); } }; return ( setModal(true)} />
setActivated(!activated)} />
setAdmin(!admin)} />
setPolochonActivated(!polochonActivated)} />
); }; UserEdit.propTypes = { id: PropTypes.string.isRequired, };