[Feature]: Improve the UX with datasources when editing an API

[nayan-rafiq]

Is there an existing issue for this?

• I have searched the existing issues

Summary

When I'm on the API editor page, list of datasources and connections are shown on right.
It's not clear what I need to do with these two lists. If I click on a datasource from the list, a green label appears saying "In use". It also changes the base URL I was working on and there is no way to undo this.

Here are couple of things that can be improved.

1. Do not show connections for API's.
2. Save as Datasource button beside the URL input field can be displayed on top of the datasources shown on right.
3. When user clicks on a datasource, rather than instantly adding the API to that datasource we can show a second form where user should be informed about the changes that's going to happen.
4. There should be a link to a documentation on "What is a datasource" so that user can get more context if they want

Why should this be worked on?

This will make the UI more user friendly.

[Nikhil-Nandagopal]

@nayan-rafiq thanks for the inputs!

[rohan-arthur]

@nayan-rafiq thanks for the feedback, and while I agree the information that is shown in the right pane is confusing and vague. However, if I select one of the other datasources and like you said the base url gets changed, I can still hit cmd+z to undo this operation. Was this not apparent enough to you?

that vague pane itself: we will work on it