refactor: rename Data Connections to Connections (#56353)

This commit is contained in:
Levente Balogh
2022-10-05 09:56:58 +02:00
committed by GitHub
parent b1b3f9e24c
commit ae5e8bc53b
19 changed files with 162 additions and 162 deletions

View File

@@ -8,7 +8,7 @@ import { getMockDataSources } from 'app/features/datasources/__mocks__';
import * as api from 'app/features/datasources/api';
import { configureStore } from 'app/store/configureStore';
import DataConnectionsPage from './DataConnectionsPage';
import ConnectionsPage from './ConnectionsPage';
import { navIndex } from './__mocks__/store.navIndex.mock';
import { ROUTE_BASE_ID, ROUTES } from './constants';
@@ -22,13 +22,13 @@ const renderPage = (path = `/${ROUTE_BASE_ID}`): RenderResult => {
return render(
<Provider store={store}>
<Router history={locationService.getHistory()}>
<DataConnectionsPage />
<ConnectionsPage />
</Router>
</Provider>
);
};
describe('Data Connections Page', () => {
describe('Connections Page', () => {
const mockDatasources = getMockDataSources(3);
beforeEach(() => {

View File

@@ -12,7 +12,7 @@ import { CloudIntegrations } from './tabs/CloudIntegrations';
import { DataSourcesEdit } from './tabs/DataSourcesEdit';
import { Plugins } from './tabs/Plugins';
export default function DataConnectionsPage() {
export default function ConnectionsPage() {
const navModel = useNavModel();
return (

View File

@@ -1210,224 +1210,224 @@ export const navIndex: NavIndex = {
],
},
},
'data-connections': {
id: 'data-connections',
text: 'Data Connections',
connections: {
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
active: false,
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
active: false,
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
active: true,
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
active: false,
},
],
},
'data-connections-datasources': {
id: 'data-connections-datasources',
'connections-datasources': {
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
parentItem: {
id: 'data-connections',
text: 'Data Connections',
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
},
],
},
},
'data-connections-plugins': {
id: 'data-connections-plugins',
'connections-plugins': {
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
parentItem: {
id: 'data-connections',
text: 'Data Connections',
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
},
],
},
},
'data-connections-cloud-integrations': {
id: 'data-connections-cloud-integrations',
'connections-cloud-integrations': {
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
parentItem: {
id: 'data-connections',
text: 'Data Connections',
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
},
],
},
},
'data-connections-recorded-queries': {
id: 'data-connections-recorded-queries',
'connections-recorded-queries': {
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
parentItem: {
id: 'data-connections',
text: 'Data Connections',
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
},
],
},

View File

@@ -0,0 +1,14 @@
// The ID of the app plugin that we render under that "Cloud Integrations" tab
export const CLOUD_ONBOARDING_APP_ID = 'grafana-easystart-app';
// The ID of the main nav-tree item (the main item in the NavIndex)
export const ROUTE_BASE_ID = 'connections';
export const ROUTES = {
DataSources: `/${ROUTE_BASE_ID}/datasources`,
DataSourcesNew: `/${ROUTE_BASE_ID}/datasources/new`,
DataSourcesEdit: `/${ROUTE_BASE_ID}/datasources/edit/:uid`,
DataSourcesDashboards: `/${ROUTE_BASE_ID}/datasources/edit/:uid/dashboards`,
Plugins: `/${ROUTE_BASE_ID}/plugins`,
CloudIntegrations: `/${ROUTE_BASE_ID}/cloud-integrations`,
} as const;

View File

@@ -14,7 +14,7 @@ export const useNavModel = () => {
const node = navIndex[ROUTE_BASE_ID];
const main = node;
const isDefaultRoute = (item: NavModelItem) =>
currentPath === `/${ROUTE_BASE_ID}` && item.id === 'data-connections-datasources';
currentPath === `/${ROUTE_BASE_ID}` && item.id === 'connections-datasources';
const isItemActive = (item: NavModelItem) => currentPath.startsWith(item.url || '');
main.children = main.children?.map((item) => ({

View File

@@ -11,7 +11,7 @@ export function getRoutes(): RouteDescriptor[] {
path: `/${ROUTE_BASE_ID}`,
exact: false,
component: SafeDynamicImport(
() => import(/* webpackChunkName: "DataConnectionsPage"*/ 'app/features/data-connections/DataConnectionsPage')
() => import(/* webpackChunkName: "DataConnectionsPage"*/ 'app/features/connections/ConnectionsPage')
),
},
];

View File

@@ -1,14 +0,0 @@
// The ID of the app plugin that we render under that "Cloud Integrations" tab
export const CLOUD_ONBOARDING_APP_ID = 'grafana-easystart-app';
// The ID of the main nav-tree item (the main item in the NavIndex)
export const ROUTE_BASE_ID = 'data-connections';
export enum ROUTES {
DataSources = '/data-connections/datasources',
DataSourcesNew = '/data-connections/datasources/new',
DataSourcesEdit = '/data-connections/datasources/edit/:uid',
DataSourcesDashboards = '/data-connections/datasources/edit/:uid/dashboards',
Plugins = '/data-connections/plugins',
CloudIntegrations = '/data-connections/cloud-integrations',
}

View File

@@ -1210,220 +1210,220 @@ export const navIndex: NavIndex = {
],
},
},
'data-connections': {
id: 'data-connections',
text: 'Data Connections',
connections: {
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
},
],
},
'data-connections-datasources': {
id: 'data-connections-datasources',
'connections-datasources': {
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
parentItem: {
id: 'data-connections',
text: 'Data Connections',
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
},
],
},
},
'data-connections-plugins': {
id: 'data-connections-plugins',
'connections-plugins': {
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
parentItem: {
id: 'data-connections',
text: 'Data Connections',
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
},
],
},
},
'data-connections-cloud-integrations': {
id: 'data-connections-cloud-integrations',
'connections-cloud-integrations': {
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
parentItem: {
id: 'data-connections',
text: 'Data Connections',
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
},
],
},
},
'data-connections-recorded-queries': {
id: 'data-connections-recorded-queries',
'connections-recorded-queries': {
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
parentItem: {
id: 'data-connections',
text: 'Data Connections',
id: 'connections',
text: 'Connections',
section: NavSection.Core,
icon: 'link',
url: '/data-connections',
url: '/connections',
sortWeight: -1500,
children: [
{
id: 'data-connections-datasources',
id: 'connections-datasources',
text: 'Data sources',
description: 'Add and configure data sources',
icon: 'database',
url: '/data-connections/datasources',
url: '/connections/datasources',
},
{
id: 'data-connections-plugins',
id: 'connections-plugins',
text: 'Plugins',
description: 'Manage plugins',
icon: 'plug',
url: '/data-connections/plugins',
url: '/connections/plugins',
},
{
id: 'data-connections-cloud-integrations',
id: 'connections-cloud-integrations',
text: 'Cloud integrations',
description: 'Manage your cloud integrations',
icon: 'bolt',
url: '/data-connections/cloud-integrations',
url: '/connections/cloud-integrations',
},
{
id: 'data-connections-recorded-queries',
id: 'connections-recorded-queries',
text: 'Recorded queries',
description: 'Manage your recorded queries',
icon: 'record-audio',
url: '/data-connections/recorded-queries',
url: '/connections/recorded-queries',
},
],
},

View File

@@ -4,5 +4,5 @@ import { DATASOURCES_ROUTES } from '../constants';
import { DataSourcesRoutes } from '../types';
// The purpose of this context is to be able to override the data-sources routes (used for links for example) used under
// the app/features/datasources modules, so we can reuse them more easily in different parts of the application (e.g. under Data Connections)
// the app/features/datasources modules, so we can reuse them more easily in different parts of the application (e.g. under Connections)
export const DataSourcesRoutesContext = createContext<DataSourcesRoutes>(DATASOURCES_ROUTES);