inProgress.tsx 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. import {motion} from 'framer-motion';
  2. import {t} from 'sentry/locale';
  3. import ConfigStore from 'sentry/stores/configStore';
  4. import testableTransition from 'sentry/utils/testableTransition';
  5. import Wrapper from 'sentry/views/relocation/components/wrapper';
  6. import type {StepProps} from './types';
  7. export function InProgress(props: StepProps) {
  8. const userIdentity = ConfigStore.get('userIdentity');
  9. return (
  10. <Wrapper data-test-id="in-progress">
  11. <motion.h2>{t('Your relocation is under way!')}</motion.h2>
  12. <motion.div
  13. transition={testableTransition()}
  14. variants={{
  15. initial: {y: 30, opacity: 0},
  16. animate: {y: 0, opacity: 1},
  17. exit: {opacity: 0},
  18. }}
  19. >
  20. <p>
  21. {`Your relocation is currently being processed - we\'ll email the latest updates to ${userIdentity.email}. If you don't hear back from us in 24 hours, please `}
  22. <a href="https://help.sentry.io">contact support</a>.
  23. </p>
  24. <hr />
  25. <p>
  26. UUID: <i>{props.existingRelocationUUID}</i>
  27. </p>
  28. </motion.div>
  29. </Wrapper>
  30. );
  31. }
  32. export default InProgress;