Plato on Github
Report Home
src/components/Breadcrumbs/BreadCrumbs.js
Maintainability
64.51
Lines of code
33
Difficulty
16.94
Estimated Errors
0.23
Function weight
By Complexity
By SLOC
import React from 'react'; import { Breadcrumb, Label } from 'react-bootstrap'; export class BreadCrumbs extends React.Component { render() { var items = []; if (this.props.breadcrumbsList) { if (this.props.breadcrumbsList.items) { items = this.props.breadcrumbsList.items; } } /** breadCrumbsSize is used to mark as active the latest item in the list */ var breadCrumbsSize = items.length; return (<Breadcrumb style={{ backgroundColor: '#bfbfbf', marginTop: -20, borderBotton: '1px solid #f2f2f2', fontSize: '14px' }}> {items.map(function (breadcrumb, i) { if (i === 0) { return <Breadcrumb.Item style={{ marginLeft: '40px' }} href={breadcrumb.link}> {breadcrumb.name} </Breadcrumb.Item>; } if (breadCrumbsSize === (i + 1)) { return <Breadcrumb.Item active href={breadcrumb.link}> <Label style={{ fontSize: '12px' }}>{breadcrumb.badge}</Label> {breadcrumb.name} </Breadcrumb.Item>; } return <Breadcrumb.Item href={breadcrumb.link}> {breadcrumb.name} </Breadcrumb.Item>; })} </Breadcrumb>) } } export default BreadCrumbs;