2015-12-20 15:19:50 -08:00
|
|
|
var React = require("react");
|
2018-06-20 08:41:02 -07:00
|
|
|
var hashResolver = require("../lib/hash-resolver.js");
|
2015-12-20 15:19:50 -08:00
|
|
|
|
|
|
|
var SectionHeader = React.createClass({
|
2017-03-07 08:14:26 -08:00
|
|
|
statics: {
|
2018-06-20 08:41:02 -07:00
|
|
|
locale: ""
|
2017-03-07 08:14:26 -08:00
|
|
|
},
|
|
|
|
|
2015-12-20 15:19:50 -08:00
|
|
|
render: function() {
|
2017-03-07 08:14:26 -08:00
|
|
|
var locale = SectionHeader.locale;
|
2018-06-20 08:41:02 -07:00
|
|
|
if (
|
|
|
|
typeof window !== "undefined" &&
|
|
|
|
window.location.toString().indexOf(locale) === -1
|
|
|
|
) {
|
|
|
|
locale = "";
|
2017-03-07 08:14:26 -08:00
|
|
|
}
|
2018-06-20 08:41:02 -07:00
|
|
|
var fragmentid = `${locale ? "./" + locale + "/" : "."}#${this.props.name}`;
|
2016-01-23 10:40:48 -08:00
|
|
|
return (
|
|
|
|
<h2 id={this.props.name} data-num={this.props.number}>
|
2017-03-07 08:14:26 -08:00
|
|
|
<a href={fragmentid}>{this.props.title}</a>
|
2016-01-23 10:40:48 -08:00
|
|
|
</h2>
|
|
|
|
);
|
2016-09-14 15:03:45 -07:00
|
|
|
},
|
|
|
|
componentDidMount() {
|
2018-06-20 08:41:02 -07:00
|
|
|
hashResolver();
|
2015-12-20 15:19:50 -08:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
module.exports = SectionHeader;
|