2017-09-20 12:30:53 +03:00
|
|
|
import React from 'react';
|
|
|
|
import paramCase from 'param-case';
|
|
|
|
import get from 'lodash.get';
|
2017-11-23 14:18:38 +02:00
|
|
|
import { Link } from 'react-router-dom';
|
2017-09-20 12:30:53 +03:00
|
|
|
|
2017-10-12 20:09:09 +03:00
|
|
|
import { Breadcrumb, BreadcrumbItem } from 'joyent-ui-toolkit';
|
2017-09-20 12:30:53 +03:00
|
|
|
|
|
|
|
export default ({ match }) => {
|
|
|
|
const instance = get(match, 'params.instance');
|
|
|
|
|
|
|
|
const links = [
|
|
|
|
{
|
2017-11-23 14:18:38 +02:00
|
|
|
name: 'Instances',
|
2018-02-15 16:37:59 +02:00
|
|
|
pathname: '/'
|
2017-09-20 12:30:53 +03:00
|
|
|
}
|
2017-10-12 20:09:09 +03:00
|
|
|
]
|
|
|
|
.concat(
|
|
|
|
instance && [
|
|
|
|
{
|
|
|
|
name: paramCase(instance),
|
2018-02-15 16:37:59 +02:00
|
|
|
pathname: `/${instance}`
|
2017-10-12 20:09:09 +03:00
|
|
|
}
|
|
|
|
]
|
|
|
|
)
|
|
|
|
.filter(Boolean)
|
|
|
|
.map(({ name, pathname }) => (
|
2017-11-23 14:18:38 +02:00
|
|
|
<BreadcrumbItem key={name} to={pathname} component={Link}>
|
2017-10-12 20:09:09 +03:00
|
|
|
{name}
|
|
|
|
</BreadcrumbItem>
|
|
|
|
));
|
2017-09-20 12:30:53 +03:00
|
|
|
|
2017-10-12 20:09:09 +03:00
|
|
|
return <Breadcrumb>{links}</Breadcrumb>;
|
2017-09-20 12:30:53 +03:00
|
|
|
};
|