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

125 lines
3.2 KiB
JavaScript
Raw Normal View History

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,
2017-10-11 19:59:59 +03:00
Snapshots as InstanceSnapshots,
Resize as InstanceResize,
CreateSnapshot as InstanceCreateSnapshot
} from '@containers/instances';
export default () => (
<BrowserRouter>
<PageContainer>
2017-10-11 19:59:59 +03:00
{/* Header */}
<Route path="*" component={Header} />
2017-10-11 19:59:59 +03:00
{/* Breadcrumb */}
<Switch>
2017-10-11 19:59:59 +03:00
<Route
path="/instances/~:action/:instance?"
exact
component={Breadcrumb}
/>
<Route path="/instances/:instance?" component={Breadcrumb} />
</Switch>
2017-10-11 19:59:59 +03:00
{/* Menu */}
<Switch>
2017-10-11 19:59:59 +03:00
<Route path="/instances/~:action/:id?" exact component={Menu} />
<Route path="/instances/:instance?/:section?" component={Menu} />
</Switch>
2017-10-11 19:59:59 +03:00
{/* Instances List */}
<Switch>
<Route path="/instances" exact component={Instances} />
</Switch>
2017-10-11 19:59:59 +03:00
{/* Instance Sections */}
<Switch>
<Route path="/instances/~:action" component={() => null} />
<Route
path="/instances/:instance/:section?/~create-snapshot"
component={() => null}
/>
<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`}
/>
)}
/>
</Switch>
{/* Actions */}
<Switch>
<Route
path="/instances/~resize/:instance"
exact
component={InstanceResize}
/>
<Route
path="/instances/:instance/:section?/~resize"
exact
component={InstanceResize}
/>
<Route
path="/instances/~create-snapshot/:instance"
exact
component={InstanceCreateSnapshot}
/>
<Route
2017-10-13 22:56:08 +03:00
path="/instances/:instance/snapshots/~create"
2017-10-11 19:59:59 +03:00
exact
component={InstanceCreateSnapshot}
/>
</Switch>
<Route path="/" exact component={() => <Redirect to="/instances" />} />
</PageContainer>
</BrowserRouter>
);