joyent-portal/packages/my-joy-beta/src/router.js

77 lines
2.0 KiB
JavaScript

import React from 'react';
import { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom';
import get from 'lodash.get';
import { PageContainer } from 'joyent-ui-toolkit';
import { Breadcrumb, Menu } from '@containers/navigation';
import { Header } from '@components/navigation';
import {
List as Instances,
Summary as InstanceSummary,
Tags as InstanceTags,
Metadata as InstanceMetadata,
Networks as InstanceNetworks,
Firewall as InstanceFirewall,
Snapshots as InstanceSnapshots
} from '@containers/instances';
export default () => (
<BrowserRouter>
<PageContainer>
<Route path="*" component={Header} />
<Switch>
<Route path="/instances" exact component={Breadcrumb} />
<Route path="/instances/:instance" component={Breadcrumb} />
</Switch>
<Switch>
<Route path="/instances" exact component={Menu} />
<Route path="/instances/:instance/:section" component={Menu} />
</Switch>
<Route path="/instances" exact component={Instances} />
<Route
path="/instances/:instance/summary"
exact
component={InstanceSummary}
/>
<Route path="/instances/:instance/tags" exact component={InstanceTags} />
<Route
path="/instances/:instance/metadata"
exact
component={InstanceMetadata}
/>
<Route
path="/instances/:instance/networks"
exact
component={InstanceNetworks}
/>
<Route
path="/instances/:instance/firewall"
exact
component={InstanceFirewall}
/>
<Route
path="/instances/:instance/snapshots"
exact
component={InstanceSnapshots}
/>
<Route
path="/instances/:instance"
exact
component={({ match }) => (
<Redirect
to={`/instances/${get(match, 'params.instance')}/summary`}
/>
)}
/>
<Route path="/" exact component={() => <Redirect to="/instances" />} />
</PageContainer>
</BrowserRouter>
);