react-native/website/core/HeaderWithGithub.js
Christopher Chedeau 3fbd46c6d9 Cleanup Edit with GitHub
Summary:
- Now using a table layout. While having the link inside of the header worked well in the browser, the search API would put "Edit in GitHub" as part of the title -_-
- Instead of putting the link inside of every section like Props, put it on the page header. This makes it less repetetitive and also works on API pages where the link was absent before
- Remove "Run this example" link as there's a giant Run this example sidebar already.
Closes https://github.com/facebook/react-native/pull/5643

Reviewed By: svcscm

Differential Revision: D2883989

Pulled By: vjeux

fb-gh-sync-id: e810e1677d5130692997dd301d6d59cfe04b948f
2016-01-30 23:02:36 -08:00

41 lines
1.0 KiB
JavaScript

/**
* Copyright (c) 2015-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*
* @providesModule HeaderWithGithub
*/
var H = require('Header');
var React = require('React');
var HeaderWithGithub = React.createClass({
render: function() {
return (
<table width="100%">
<tbody>
<tr>
<td>
<H level={this.props.level || 3} toSlug={this.props.title}>
{this.props.title}
</H>
</td>
<td style={{textAlign: 'right'}}>
<a
target="_blank"
href={'https://github.com/facebook/react-native/blob/master/' + this.props.path}>
Edit on GitHub
</a>
</td>
</tr>
</tbody>
</table>
);
}
});
module.exports = HeaderWithGithub;