Cancel GitHub project imports - frontend

Release notes

Up until now, when you were importing GitHub projects into GitLab, you could not cancel an import in progress. Now you are able to cancel imports from GitHub that are pending or in progress. If the import has already started, the imported files are kept.

Problem to solve

Currently, when a user imports projects into GitLab there is no way for them to cancel an import in-progress.

Proposal

Allow users to cancel a repository that is importing.

• User can start the cancel process when an import is:
  • Pending
  • In progress
• User can't cancel after an import is complete.
• An import that is cancelled can not be resumed*
• Any files that have been imported stay in the project
• In the future we plan to offer the ability to delete after cancelling.

*However, it might be desirable in the future.

Solution

Flow	Mock

• Show a Cancel button on the importer page for imports that are pending or in progress.
• Cancel button should have a popover that gives more information and a link to the (yet to be created) docs.
  • Cancel import
    Imported files will be kept. You can import this repository again later. Learn more.

As part of this MVC there will be no change to the functionality in import history and project view (details).

Details and exploratory work is available in Figma 👀

Context

The scope of this issue is for GitHub importer only. Cancel flows are tracked in this epic → Cancel import flows (&8218 - closed)

It requires #364783 (closed) to be completed.

Original work and scope of issue

Problem to solve

Currently, when a user imports projects into GitLab there is no way for them to cancel an import in-progress. The below scenario illustrates the problem:

Import all repositories

1. User authenticates their GitHub account. 🙂
2. Selects "Import 234 repositories" from the Import repositories from GitHub page which initiates the import. 🙂
3. User realizes they had made a mistake and needs to cancel their import and correct the error. 😕
4. User finds no way to cancel the import. 😡
5. User must go into GitLab project settings for each imported project and delete them manually. 😩

This process is quite cumbersome and could cause a lot of frustration for the users.

Proposal

Allow the user to cancel imports once a project import has been initiated.

View the Figma file for the user flow:
👁 User flow for canceling project imports

View the Figma prototype for:
👁 Cancel all project imports
👁 Cancel single project imports