Include a warning alert in the confirmation modal when deleting a workspace with pending changes

[gtsiolis]

Problem to solve

When a workspace contains (pending) changes (uncommitted files or unpushed commits) there's a indication on the workspaces list there are changes.

When a user tries to delete a workspace from the dashboard, they get a confirmation modal. However, there's no clear indication whether the associated workspace contains pending changes (uncommitted files or unpushed commits).

A customer is interested in this feature request, see relevant discussion (internal).

Proposal

A good MVC could be to include a warning alert in the confirmation modal when deleting a workspace with pending changes.

Workspace with changes	BEFORE	AFTER

Risks

However, when reopening a stopped workspace with changes there's no clear indication that there are pending changes and users can still delete the workspace from the more actions menu. ❗

Stopped workspace with changes	Reopened workspace with changes

[vedant-jain03]

@gtsiolis I am interested to contribute to this project. Can I work on this issues?

[gtsiolis]

@vedant-jain03 Absolutely, feel free to open a PR an link back to this issue. 🏓

[vedant-jain03]

@gtsiolis thanks, it will be great if you could share the setup guideline link if there is any!

[gtsiolis]

@vedant-jain03:

1. Contributing to Gitpod can be more complicated than other projects because of the nature of the project working on top of Kubernetes cluster, etc.
2. For the dashboard component, you can find some basic instructions in the relevant folder, but we have not been actively maintaining that README file.
3. We develop Gitpod in Gitpod which means we're not running Gitpod locally to develop it.
4. Usually community contributors push a new branch or a new PR and we help by spinning a preview environment for them which deploys a preview installation of Gitpod where you can connect later with telepresence and make changes.

[vedant-jain03]

Sure, thank you @gtsiolis for brief reference.

I referred the instruction and finds out that this file is corrupted. Any alternate ref(if any) to setup cookie variable?

[gtsiolis]

@vedant-jain03 You mean the _gitpod_io_ cookie? You should be able to access it from the developer console in your browser. If you can't figure this out just fork the repository and open a new PR with a new branch—I can spin up a preview environment once the PR is up.

[vedant-jain03]

@vedant-jain03 You mean the _gitpod_io_ cookie? You should be able to access it from the developer console in your browser. If you can't figure this out just fork the repository and open a new PR with a new branch—I can spin up a preview environment once the PR is up.

@gtsiolis Thanks. I got the cookie and added it to the environment variables:

Restarted the server for dashboard but it showing blank screen:
.

Also, for alternative you said, should I need to open empty PR?

[gtsiolis]

@vedant-jain03 I have never used the instructions for developing the dashboard component like this. Please, push a new branch with some changes or not and open a PR, and we can go from there. 🙏