[Website] First pass at Algolia Doc Search

It’s not yet responsive :(
This commit is contained in:
Adam Miskiewicz
2015-12-29 12:43:40 -05:00
parent 4963225295
commit cc1bad54ea
6 changed files with 130 additions and 0 deletions

View File

@@ -0,0 +1,22 @@
/**
* 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 AlgoliaDocSearch
*/
var AlgoliaDocSearch = React.createClass({
render: function() {
return (
<div className="algolia-search-wrapper">
<input id="algolia-doc-search" type="text" placeholder="Search docs..." />
</div>
);
}
});
module.exports = AlgoliaDocSearch;

View File

@@ -10,6 +10,7 @@
*/
var React = require('React');
var AlgoliaDocSearch = require('AlgoliaDocSearch');
var HeaderLinks = React.createClass({
linksInternal: [
@@ -44,6 +45,9 @@ var HeaderLinks = React.createClass({
<ul className="nav-site nav-site-internal">
{this.makeLinks(this.linksInternal)}
</ul>
<AlgoliaDocSearch />
<ul className="nav-site nav-site-external">
{this.makeLinks(this.linksExternal)}
</ul>

View File

@@ -29,6 +29,8 @@ var Site = React.createClass({
<meta property="og:image" content="http://facebook.github.io/react-native/img/opengraph.png?2" />
<meta property="og:description" content="A framework for building native apps using React" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
<link rel="shortcut icon" href="/react-native/img/favicon.png?2" />
<link rel="stylesheet" href="/react-native/css/react-native.css" />
@@ -68,6 +70,7 @@ var Site = React.createClass({
){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
`}} />
<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script>
<script src="/react-native/js/scripts.js" />
</body>
</html>