git.iko.soy/bridge
on d317e13 help sign in
bridge/src/components/Crumbs.js
32 lines 919 B history raw
1import React from 'react';
2import cn from 'classnames';
3import { Flex, Breadcrumb } from 'indigo-react';
5export default function Crumbs({ className, routes = [] }) {
6 const lastIndex = routes.length - 1;
7 const textStyle = 'gray4 mono';
8 return (
9 <Flex className={className} row wrap>
10 {routes.map((route, i) => {
11 const disabled = !route.action;
13 return (
14 <React.Fragment key={route.text}>
15 <Flex.Item
16 as={Breadcrumb}
17 onClick={route.action}
18 disabled={disabled}
19 className={cn(textStyle, { 'pointer underline': !disabled })}>
20 {route.text}
21 </Flex.Item>
22 {i !== lastIndex && (
23 <Flex.Item as={Breadcrumb} className={cn(textStyle, 'mh2')}>
24 /
25 </Flex.Item>
26 )}
27 </React.Fragment>
28 );
29 })}
30 </Flex>
31 );