diff --git a/frontend/src/components/section/index.js b/frontend/src/components/section/index.js index f3f92154..beae6895 100644 --- a/frontend/src/components/section/index.js +++ b/frontend/src/components/section/index.js @@ -1,12 +1,30 @@ const flatten = require('lodash.flatten'); const React = require('react'); const ReactIntl = require('react-intl'); +const Styled = require('styled-components'); const ReactRouter = require('react-router'); const H1 = require('@ui/components/base-elements').H1; const Li = require('@ui/components/horizontal-list/li'); const PropTypes = require('@root/prop-types'); const Ul = require('@ui/components/horizontal-list/ul'); +const fns = require('@ui/shared/functions'); + +const { + default: styled +} = Styled; + +const BreadcrumbA = styled.a` + text-decoration: none !important; +`; + +const BreadcrumbSpan = styled.span` + color: #646464; +`; + +const { + remcalc +} = fns; const { FormattedMessage @@ -36,12 +54,20 @@ const Section = ({ const link = ( - {part.name} + { + ({ + href, + onClick, + }) => + + {part.name} + + } ); const slash = ( - / + / ); return (i === 0) ? link : [ @@ -52,7 +78,11 @@ const Section = ({ return (
-

+

{nameLinks}