import { Router } from '@/routes/types' ; import React from 'react' ; import { Redirect , Route , Switch } from 'react-router-dom' ; import { NavigationEdit } from '../edit' ; import { NavigationQuery } from '../query' ; import { Indicators } from './indicators' ; import { MeasureBuckets } from './measure-buckets' ; import { NavigationState } from './state' ; import { Topics } from './topics' ; import { ValueBuckets } from './value-buckets' ; export const NavigationRoute = ( ) => { return < > < Topics /> < ValueBuckets / > < MeasureBuckets /> < Indicators / > < NavigationState /> < Switch > < Route path = { Router . INDICATOR_WORKBENCH_NAVIGATION_QUERY } > < NavigationQuery /> < /Route> < Route path = { Router . INDICATOR_WORKBENCH_NAVIGATION_EDIT } > < NavigationEdit /> < /Route> < Route path = "*" > < Redirect to = { Router . INDICATOR_WORKBENCH_NAVIGATION_QUERY } /> < /Route> < /Switch> < />; } ;