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
This commit is contained in:
Christopher Chedeau
2016-01-30 23:01:14 -08:00
committed by facebook-github-bot-3
parent 679beb2a3a
commit 3fbd46c6d9
5 changed files with 94 additions and 94 deletions

View File

@@ -0,0 +1,40 @@
/**
* 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;