SMusatov
/
sentry
mirror of https://github.com/getsentry/sentry


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
							import {Fragment, useCallback} from 'react';
import {RouteComponentProps} from 'react-router';
import {Location} from 'history';

import {ModalRenderProps} from 'sentry/actionCreators/modal';
import {Button} from 'sentry/components/button';
import ButtonBar from 'sentry/components/buttonBar';
import {} from 'sentry/components/text';
import {t} from 'sentry/locale';

type Props = {
  nextLocation: Location;
  router: RouteComponentProps<{}, {}>['router'];
} & ModalRenderProps;

export function ChangeRouteModal({
  Header,
  Body,
  Footer,
  router,
  nextLocation,
  closeModal,
}: Props) {
  const handleSetUpLater = useCallback(() => {
    closeModal();
    router.push({
      ...nextLocation,
      query: {
        ...nextLocation.query,
        setUpRemainingOnboardingTasksLater: true,
      },
    });
  }, [router, nextLocation, closeModal]);

  return (
    <Fragment>
      <Header closeButton>
        <h4>{t('Are you sure?')}</h4>
      </Header>
      <Body>
        {t(
          'You are about to leave this page without completing the steps required to monitor errors and or performance for the selected projects.'
        )}
      </Body>
      <Footer>
        <ButtonBar gap={1}>
          <Button onClick={handleSetUpLater}>{t('Yes, I’ll set up later')}</Button>
          <Button priority="primary" onClick={closeModal}>
            {t('No, I’ll set up now')}
          </Button>
        </ButtonBar>
      </Footer>
    </Fragment>
  );
}