import {Fragment, useState} from 'react'; import type {ModalRenderProps} from 'sentry/actionCreators/modal'; import {Alert} from 'sentry/components/core/alert'; import TextField from 'sentry/components/forms/fields/inputField'; import SentryOrganizationRoleSelectorField from 'sentry/components/forms/fields/sentryOrganizationRoleSelectorField'; import Form from 'sentry/components/forms/form'; import {t} from 'sentry/locale'; import useApi from 'sentry/utils/useApi'; interface AddOrRemoveOrgModalProps extends ModalRenderProps { userId: string; } function AddToOrgModal({Header, Body, userId, closeModal}: AddOrRemoveOrgModalProps) { const api = useApi(); const [error, setError] = useState(null); const onSubmit = async (data: Record) => { try { await api .requestPromise(`/_admin/${data.organizationSlug}/users/${userId}/members/`, { method: 'POST', data: { orgRole: data.role, }, }) .then(() => { closeModal(); window.location.reload(); }); } catch (err) { setError(err.responseJSON.detail); } }; return (

{t('Add Member to an Organization')}


Note: This action will be recorded in the audit log. {error && ( {error} )}
); } function RemoveFromOrgModal({ Header, Body, userId, closeModal, }: AddOrRemoveOrgModalProps) { const api = useApi(); const [error, setError] = useState(null); const onSubmit = async (data: Record) => { try { await api .requestPromise(`/_admin/${data.organizationSlug}/users/${userId}/members/`, { method: 'DELETE', }) .then(() => { closeModal(); window.location.reload(); }); } catch (err) { setError(err.responseJSON.detail); } }; return (

{t('Remove Member from an Organization')}


Note: This action will be recorded in the audit log. {error && ( {error} )}
); } export {AddToOrgModal, RemoveFromOrgModal};