New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Connections: Update "Your connections/Data sources" page #58589
Connections: Update "Your connections/Data sources" page #58589
Conversation
Drone build failed: https://drone.grafana.net/grafana/grafana-enterprise/41743 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I know it's still WIP, but looks promising! 🙌
Drone build failed: https://drone.grafana.net/grafana/grafana-enterprise/42790 |
Drone build failed: https://drone.grafana.net/grafana/grafana-enterprise/42792 |
The action buttons are added inside `<Card.Tags>` so that they end up at the right end of the card, as it was designed. The "Build a Dashboard" button's functionality is not defined yet.
c376268
to
6131879
Compare
Drone build failed: https://drone.grafana.net/grafana/grafana-enterprise/42826 |
Drone build failed: https://drone.grafana.net/grafana/grafana-enterprise/42845 |
import { DataSourcesList } from 'app/features/datasources/components/DataSourcesList'; | ||
|
||
export function DataSourcesListPage() { | ||
return ( | ||
<Page navId={'connections-your-connections-datasources'}> | ||
<Page navId={'connections-your-connections-datasources'} actions={DataSourceAddButton()}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nit: Can we pass the DatasourceAddButton component as is to the actions prop?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We can't, because if we do then it's not gonna be rendered.
public/app/features/datasources/components/DataSourceAddButton.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice! 👏
Left a few comments / questions.
public/app/features/datasources/pages/DataSourcesListPage.test.tsx
Outdated
Show resolved
Hide resolved
Drone build failed: https://drone.grafana.net/grafana/grafana-enterprise/43240 |
Drone build failed: https://drone.grafana.net/grafana/grafana-enterprise/43269 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍
This pull request was removed from the 9.3.0 milestone because 9.3.0 is currently being released. |
What is this feature?
Updating data source list page to match this design.
Note that the "Build a Dashboard" button is a simple link to
/dashboards/new
at the moment. We might want to improve it in the future.Which issue(s) does this PR fix?:
Fixes #58310
Special notes for your reviewer: