github.com/argoproj/argo-cd@v1.8.7/ui/src/app/settings/components/settings-container.tsx (about) 1 import * as React from 'react'; 2 import {Redirect, Route, RouteComponentProps, Switch} from 'react-router'; 3 4 import {AccountDetails} from './account-details/account-details'; 5 import {AccountsList} from './accounts-list/accounts-list'; 6 import {CertsList} from './certs-list/certs-list'; 7 import {ClusterDetails} from './cluster-details/cluster-details'; 8 import {ClustersList} from './clusters-list/clusters-list'; 9 import {GpgKeysList} from './gpgkeys-list/gpgkeys-list'; 10 import {ProjectDetails} from './project-details/project-details'; 11 import {ProjectsList} from './projects-list/projects-list'; 12 import {ReposList} from './repos-list/repos-list'; 13 import {SettingsOverview} from './settings-overview/settings-overview'; 14 15 export const SettingsContainer = (props: RouteComponentProps<any>) => ( 16 <Switch> 17 <Route exact={true} path={`${props.match.path}`} component={SettingsOverview} /> 18 <Route exact={true} path={`${props.match.path}/repos`} component={ReposList} /> 19 <Route exact={true} path={`${props.match.path}/certs`} component={CertsList} /> 20 <Route exact={true} path={`${props.match.path}/gpgkeys`} component={GpgKeysList} /> 21 <Route exact={true} path={`${props.match.path}/clusters`} component={ClustersList} /> 22 <Route exact={true} path={`${props.match.path}/clusters/:server`} component={ClusterDetails} /> 23 <Route exact={true} path={`${props.match.path}/projects`} component={ProjectsList} /> 24 <Route exact={true} path={`${props.match.path}/projects/:name`} component={ProjectDetails} /> 25 <Route exact={true} path={`${props.match.path}/accounts`} component={AccountsList} /> 26 <Route exact={true} path={`${props.match.path}/accounts/:name`} component={AccountDetails} /> 27 <Redirect path='*' to={`${props.match.path}`} /> 28 </Switch> 29 );