IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

DataTrailsApp: Update to react-router v6 (#94447)

Browse Source 
* DataTrailsApp: Update router

* Update route
This commit is contained in:
Alex Khomenko 2024-10-11 16:33:01 +03:00 committed by GitHub
parent 9d182986f1
commit a5d72e264d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/app/features/trails/DataTrailsApp.tsx
View File

@ -1,5 +1,5 @@
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Route, Switch } from 'react-router-dom'; import { Routes, Route } from 'react-router-dom-v5-compat';
import { PageLayoutType } from '@grafana/data'; import { PageLayoutType } from '@grafana/data';
import { locationService } from '@grafana/runtime'; import { locationService } from '@grafana/runtime';
@ -32,11 +32,11 @@ export class DataTrailsApp extends SceneObjectBase<DataTrailsAppState> {
const { trail, home } = model.useState(); const { trail, home } = model.useState();
return ( return (
<Switch> <Routes>
{/* The routes are relative to the HOME_ROUTE */}
<Route <Route
exact={true} path={'/'}
path={HOME_ROUTE} element={
render={() => (
<Page <Page
navId="explore/metrics" navId="explore/metrics"
layout={PageLayoutType.Standard} layout={PageLayoutType.Standard}
@ -45,10 +45,10 @@ export class DataTrailsApp extends SceneObjectBase<DataTrailsAppState> {
> >
<home.Component model={home} /> <home.Component model={home} />
</Page> </Page>
)} }
/> />
<Route exact={true} path={TRAILS_ROUTE} render={() => <DataTrailView trail={trail} />} /> <Route path={TRAILS_ROUTE.replace(HOME_ROUTE, '')} element={<DataTrailView trail={trail} />} />
</Switch> </Routes>
); );
}; };
} }