joyent-portal/packages/my-joy-instances/src/routes.js

103 lines
2.9 KiB
JavaScript
Raw Normal View History

import React from 'react';
import { Redirect, Route, Switch } from 'react-router-dom';
import get from 'lodash.get';
import {
PageContainer,
ViewContainer,
Message,
MessageDescription,
MessageTitle,
Footer
} from 'joyent-ui-toolkit';
import { Breadcrumb, Menu } from '@containers/navigation';
import CreateInstance from '@containers/create-instance';
import { Route as ServerError } from '@root/server-error';
import {
List as Instances,
Summary as InstanceSummary,
Tags as InstanceTags,
Metadata as InstanceMetadata,
Networks as InstanceNetworks,
Firewall as InstanceFirewall,
Cns as InstanceCns,
Snapshots as InstanceSnapshots,
UserScript as InstanceUserScript
} from '@containers/instances';
export default () => (
<PageContainer>
{/* Breadcrumb */}
<Switch>
<Route path="/~create/:section?" exact component={Breadcrumb} />
<Route path="/~:action/:instance?" exact component={Breadcrumb} />
<Route path="/:instance?" component={Breadcrumb} />
</Switch>
{/* Menu */}
<Switch>
<Route path="/~server-error" component={() => null} />
<Route path="/~:action/:id?" exact component={Menu} />
<Route path="/:instance?/:section?" component={Menu} />
</Switch>
{/* Instances List */}
<Switch>
<Route path="/" exact component={Instances} />
</Switch>
{/* Instance Sections */}
<Switch>
<Route path="/~:action" component={() => null} />
<Route path="/:instance/summary" exact component={InstanceSummary} />
<Route path="/:instance/tags" exact component={InstanceTags} />
<Route path="/:instance/metadata" exact component={InstanceMetadata} />
<Route path="/:instance/networks" exact component={InstanceNetworks} />
<Route path="/:instance/firewall" exact component={InstanceFirewall} />
<Route path="/:instance/snapshots" exact component={InstanceSnapshots} />
<Route path="/:instance/cns" exact component={InstanceCns} />
<Route
path="/:instance/user-script"
exact
component={InstanceUserScript}
/>
<Route
path="/:instance"
exact
component={({ match }) => (
<Redirect to={`/${get(match, 'params.instance')}/summary`} />
)}
/>
</Switch>
{/* Actions */}
<Switch>
{/* Create Instance */}
<Route
path="/~create/"
exact
component={({ match, location }) => (
<Redirect to={`/~create/name${location.search}`} />
)}
/>
<Route path="/~create/:step" component={CreateInstance} />
</Switch>
<Route path="/~server-error" exact component={ServerError} />
<noscript>
<ViewContainer main>
<Message warning>
<MessageTitle>Ooops!</MessageTitle>
<MessageDescription>
You need to enable JavaScript to run this app.
</MessageDescription>
</Message>
</ViewContainer>
</noscript>
<Footer />
</PageContainer>
);