/** * 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 DocsLayout */ var DocsSidebar = require('DocsSidebar'); var Header = require('Header'); var Footer = require('Footer'); var Marked = require('Marked'); var React = require('React'); var Site = require('Site'); var Metadata = require('Metadata'); var DocsLayout = React.createClass({ childContextTypes: { permalink: React.PropTypes.string, version: React.PropTypes.string }, getChildContext: function() { return { permalink: this.props.metadata.permalink, version: Metadata.config.RN_VERSION || 'next' }; }, render: function() { var metadata = this.props.metadata; var content = this.props.children; return ( <Site section="docs" title={metadata.title} > <section className="content wrap documentationContent"> <DocsSidebar metadata={metadata} /> <div className="inner-content"> <a id="content" /> <Header level={1}>{metadata.title}</Header> <Marked>{content}</Marked> <div className="docs-prevnext"> {metadata.previous && <a className="docs-prev" href={'docs/' + metadata.previous + '.html#content'}>← Prev</a>} {metadata.next && <a className="docs-next" href={'docs/' + metadata.next + '.html#content'}>Next →</a>} </div> <Footer path={'docs/' + metadata.filename} /> <div className="survey"> <div className="survey-image" /> <p> Recently, we have been working hard to make the documentation better based on your feedback. Your responses to this yes/no style survey will help us gauge whether we moved in the right direction with the improvements. Thank you! </p> <center> <a className="button" href="https://www.facebook.com/survey?oid=516954245168428">Take Survey</a> </center> </div> </div> </section> </Site> ); } }); module.exports = DocsLayout;