Add ability to cancel ongoing deployments in Dev Center

[jelveh]

Currently, once a deployment starts in Dev Center, users have no way to cancel it even if they realize they selected the wrong files or the deployment is taking too long. This can be frustrating, especially with large deployments.

All the relevant code resides in dev-center.js

Technical Requirements:

1. Add a cancel button to the deployment progress interface:

   • Replace or augment the current "Deploying (X%)" message with a cancellable interface
   • Add a clear visual indicator that the deployment can be cancelled (e.g., "✕" button)

2. Implement proper cancellation handling:

   • Cancel any ongoing file uploads/transfers
   • Clean up any partially uploaded files in the app directory
   • Reset the drop area to its initial state
   • Show feedback that the deployment was cancelled

3. Consider states where cancellation might not be possible:

   • If deployment is near completion
   • During critical operations that shouldn't be interrupted
   • Add appropriate UI feedback for such cases

User Experience Flow:

1. User starts deployment
2. During "Deploying (X%)", user can click cancel
3. Show brief "Cancelling..." message
4. Clean up partial deployment
5. Reset UI to pre-deployment state

Expected Behavior:

• The cancel button should be clearly visible during deployment
• Cancellation should be responsive and immediate
• User should receive clear feedback about the cancellation
• The app should return to a clean state after cancellation

[mariatouil]

Hey, I would like to fix this issue. Can you assign it to me, please?

[jelveh]

Hi @mariatouil. I just assigned this issue to you. Let me know if you need any help.

[gamersprogrammer]

Hey, I would like to assist @mariatouil on it

[jelveh]

@mariatouil if you need help on this issue @gamersprogrammer might be able to lend you a hand.

[HatemLamia]

Hey, I'm Maria's partner, and we're working on this issue together.

[HatemLamia]

Hey, to work on this issue, do I need another file or code apart from the Dev Center?

[jelveh]

@HatemLamia, not really. All the code for deployment is in Dev Center.

[HatemLamia]

Alright, thank you! I've just added the button and will ensure the code is pushed as soon as possible.

[HatemLamia]

Hi @jelveh,
I’ve submitted a Pull Request to address this issue: #1074 .
Could you please review it and let me know if everything looks good?
Thank you in advance for your feedback!