SMusatov
/
sentry
зеркало из https://github.com/getsentry/sentry


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
							import {Component, Fragment} from 'react';
import styled from '@emotion/styled';

import {addErrorMessage, addSuccessMessage} from 'sentry/actionCreators/indicator';
import {
  ModalRenderProps,
  TeamAccessRequestModalOptions,
} from 'sentry/actionCreators/modal';
import {Client} from 'sentry/api';
import Button from 'sentry/components/button';
import {t, tct} from 'sentry/locale';
import space from 'sentry/styles/space';
import withApi from 'sentry/utils/withApi';

type Props = ModalRenderProps &
  TeamAccessRequestModalOptions & {
    api: Client;
    memberId: string;
    orgId: string;
    teamId: string;
  };

type State = {
  createBusy: boolean;
};

class CreateTeamAccessRequest extends Component<Props, State> {
  state: State = {
    createBusy: false,
  };

  handleClick = async () => {
    const {api, memberId, orgId, teamId, closeModal} = this.props;

    this.setState({createBusy: true});

    try {
      await api.requestPromise(
        `/organizations/${orgId}/members/${memberId}/teams/${teamId}/`,
        {
          method: 'POST',
        }
      );
      addSuccessMessage(t('Team request sent for approval'));
    } catch (err) {
      addErrorMessage(t('Unable to send team request'));
    }
    this.setState({createBusy: false});
    closeModal();
  };

  render() {
    const {Body, Footer, closeModal, teamId} = this.props;

    return (
      <Fragment>

        <Body>

          {tct(

            'You do not have permission to add members to the #[team] team, but we will send a request to your organization admins for approval.',

            {team: teamId}

          )}

        </Body>

        <Footer>

          <ButtonGroup>

            <Button onClick={closeModal}>{t('Cancel')}</Button>

            <Button

              priority="primary"

              onClick={this.handleClick}

              busy={this.state.createBusy}

              autoFocus

            >

              {t('Continue')}

            </Button>

          </ButtonGroup>

        </Footer>

      </Fragment>
    );
  }
}

const ButtonGroup = styled('div')`

  display: grid;

  grid-template-columns: max-content max-content;

  gap: ${space(1)};

`;

export default withApi(CreateTeamAccessRequest);