import React, { useState } from "react" import PropTypes from "prop-types" import { List } from "immutable" import { Button, Modal } from "react-bootstrap" import Toggle from "react-bootstrap-toggle"; export const UserList = props => (

Users

Users

{props.users.map((el, index) => )}
# Name Activated Admin Polochon URL Polochon token Actions
); UserList.propTypes = { users: PropTypes.PropTypes.instanceOf(List), updateUser: PropTypes.func, }; const User = function(props) { const polochonConfig = props.data.get("RawConfig").get("polochon"); const polochonUrl = polochonConfig ? polochonConfig.get("url") : "-"; const polochonToken = polochonConfig ? polochonConfig.get("token") : "-"; return ( {props.data.get("id")} {props.data.get("Name")} {polochonUrl} {polochonToken} ); } User.propTypes = { data: PropTypes.object, updateUser: PropTypes.func, }; const UserAdminStatus = props => ( ); UserAdminStatus.propTypes = { admin: PropTypes.bool.isRequired }; const UserActivationStatus = props => ( ); UserActivationStatus.propTypes = { activated: PropTypes.bool.isRequired }; function UserEdit(props) { const [modal, setModal] = useState(false); const [admin, setAdmin] = useState(props.data.get("Admin")); const [activated, setActivated] = useState(props.data.get("Activated")); const [url, setUrl] = useState(props.polochonUrl); const [token, setToken] = useState(props.polochonToken); const handleSubmit = function(e) { if (e) { e.preventDefault(); } props.updateUser({ userId: props.data.get("id"), admin: admin, activated: activated, polochonUrl: url, polochonToken: token, }); setModal(false); }; return ( setModal(true)}> setModal(false)}>   Edit user - {props.data.get("Name")}
handleSubmit(ev)}>
setActivated(!activated)} />
setAdmin(!admin)} />
setUrl(e.target.value)}/>
setToken(e.target.value)} />
); } UserEdit.propTypes = { data: PropTypes.object, updateUser: PropTypes.func, polochonUrl: PropTypes.string, polochonToken: PropTypes.string, };