weseek__growi/resource/js/components/Page/PagePath.js

import React from 'react';
import PropTypes from 'prop-types';

export default class PagePath extends React.Component {

  // Original Crowi.linkPath
  /*
  Crowi.linkPath = function(revisionPath) {
    var $revisionPath = revisionPath || '#revision-path';
    var $title = $($revisionPath);
    var pathData = $('#content-main').data('path');

    if (!pathData) {
      return ;
    }

    var realPath = pathData.trim();
    if (realPath.substr(-1, 1) == '/') {
      realPath = realPath.substr(0, realPath.length - 1);
    }

    var path = '';
    var pathHtml = '';
    var splittedPath = realPath.split(/\//);
    splittedPath.shift();
    splittedPath.forEach(function(sub) {
      path += '/';
      pathHtml += ' <a href="' + path + '">/</a> ';
      if (sub) {
        path += sub;
        pathHtml += '<a href="' + path + '">' + sub + '</a>';
      }
    });
    if (path.substr(-1, 1) != '/') {
      path += '/';
      pathHtml += ' <a href="' + path + '" class="last-path">/</a>';
    }
    $title.html(pathHtml);
  };
  */

  linkPath(path) {
    return path;
  }

  render() {
    const page = this.props.page;
    const shortPath = this.getShortPath(page.path);
    const pathPrefix = page.path.replace(new RegExp(shortPath + '(/)?$'), '');

    return (
      <span className="page-path">
        {pathPrefix}<strong>{shortPath}</strong>
      </span>
    );
  }
}

PagePath.propTypes = {
  page: PropTypes.object.isRequired,
};

PagePath.defaultProps = {
  page: {},
};