diff --git a/public/app/features/connections/Connections.tsx b/public/app/features/connections/Connections.tsx
index f7ef10fcb92..bf96adbfac0 100644
--- a/public/app/features/connections/Connections.tsx
+++ b/public/app/features/connections/Connections.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Redirect, Route, Switch } from 'react-router-dom';
+import { Redirect, Route, Switch, useLocation } from 'react-router-dom';
import { DataSourcesRoutesContext } from 'app/features/datasources/state';
import { StoreState, useSelector } from 'app/types';
@@ -14,6 +14,18 @@ import {
NewDataSourcePage,
} from './pages';
+function RedirectToAddNewConnection() {
+ const { search } = useLocation();
+ return (
+
+ );
+}
+
export default function Connections() {
const navIndex = useSelector((state: StoreState) => state.navIndex);
const isAddNewConnectionPageOverridden = Boolean(navIndex['standalone-plugin-page-/connections/add-new-connection']);
@@ -41,6 +53,11 @@ export default function Connections() {
)}
+ {/* Redirect from earlier routes to updated routes */}
+
+
+
+
{/* Not found */}
} />
diff --git a/public/app/features/connections/constants.ts b/public/app/features/connections/constants.ts
index 406e9d41f8c..7598896883d 100644
--- a/public/app/features/connections/constants.ts
+++ b/public/app/features/connections/constants.ts
@@ -13,4 +13,8 @@ export const ROUTES = {
// Add new connection
AddNewConnection: `/${ROUTE_BASE_ID}/add-new-connection`,
DataSourcesDetails: `/${ROUTE_BASE_ID}/datasources/:id`,
+
+ // Outdated
+ ConnectDataOutdated: `/${ROUTE_BASE_ID}/connect-data`,
+ YourConnectionsOutdated: `/${ROUTE_BASE_ID}/your-connections`,
} as const;