Function EditUserDialog

packages/ui/src/views/users/EditUserDialog.jsx:39–208

({ show, dialogProps, onCancel, onConfirm, setError })

]

const EditUserDialog = ({ show, dialogProps, onCancel, onConfirm, setError }) => {
    const portalElement = document.getElementById('portal')
    const currentUser = useSelector((state) => state.auth.user)

    const dispatch = useDispatch()

    useNotifier()

    const enqueueSnackbar = (...args) => dispatch(enqueueSnackbarAction(...args))
    const closeSnackbar = (...args) => dispatch(closeSnackbarAction(...args))

    const [userName, setUserName] = useState('')
    const [userEmail, setUserEmail] = useState('')
    const [status, setStatus] = useState('active')
    const [user, setUser] = useState({})

    useEffect(() => {
        if (dialogProps.type === 'EDIT' && dialogProps.data) {
            setUser(dialogProps.data.user)
            setUserEmail(dialogProps.data.user.email)
            setUserName(dialogProps.data.user.name)
            setStatus(dialogProps.data.user.status)
        }

        return () => {
            setUserEmail('')
            setUserName('')
            setStatus('active')
            setUser({})
        }
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [dialogProps])

    useEffect(() => {
        if (show) dispatch({ type: SHOW_CANVAS_DIALOG })
        else dispatch({ type: HIDE_CANVAS_DIALOG })
        return () => dispatch({ type: HIDE_CANVAS_DIALOG })
    }, [show, dispatch])

    const updateUser = async () => {
        try {
            const saveObj = {
                userId: user.id,
                organizationId: currentUser.activeOrganizationId,
                status: status
            }

            const saveResp = await userApi.updateOrganizationUser(saveObj)
            if (saveResp.data) {
                enqueueSnackbar({
                    message: 'User Details Updated',
                    options: {
                        key: new Date().getTime() + Math.random(),
                        variant: 'success',
                        action: (key) => (
                            <Button style={{ color: 'white' }} onClick={() => closeSnackbar(key)}>
                                <IconX />
                            </Button>