docs: add versions and remove v1 alerts (react-bootstrap#3428)

Author: jquense

www/src/components/NavMain.js

@@ -4,8 +4,11 @@ import Link from 'gatsby-link';
 
 import Navbar from 'react-bootstrap/lib/Navbar';
 import Nav from 'react-bootstrap/lib/Nav';
+import NavItem from 'react-bootstrap/lib/NavItem';
 import FormControl from 'react-bootstrap/lib/FormControl';
 
+import config from '../config';
+
 const NAV_LINKS = {
   documentation: {
     link: '/getting-started/introduction',
@@ -69,6 +72,7 @@ function NavMain({ activePage }) {
             </li>
           </Wrapper>
         </Nav>
+
         <Navbar.Form pullRight>
           <FormControl
             type="search"
@@ -78,6 +82,14 @@ function NavMain({ activePage }) {
             inputRef={attachSearch}
           />
         </Navbar.Form>
+        <Nav pullRight>
+          <NavItem href="https://github.com/react-bootstrap/react-bootstrap/releases">
+            v{config.version}
+          </NavItem>
+          <NavItem href="https://getbootstrap.com/docs/3.3/css/">
+            Supports Bootstrap v{config.bootstrapVersion}
+          </NavItem>
+        </Nav>
       </Navbar.Collapse>
     </Navbar>
   );

www/src/config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  version: require('../../package.json').version,
+  bootstrapVersion: '3.3.x'
+};

www/src/pages/index.js

@@ -1,83 +1,16 @@
 import React from 'react';
 
-import Grid from 'react-bootstrap/lib/Grid';
-import Alert from 'react-bootstrap/lib/Alert';
-import Glyphicon from 'react-bootstrap/lib/Glyphicon';
-import Label from 'react-bootstrap/lib/Label';
-
 export default class HomePage extends React.Component {
   render() {
     return (
-      <div>
-        <main className="bs-docs-masthead" id="content" role="main">
-          <div className="container">
-            <span className="bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-outline" />
-            <p className="lead">
-              The most popular front-end framework, rebuilt for React.
-            </p>
-          </div>
-        </main>
-
-        <Grid>
-          <Alert bsStyle="info">
-            <p>
-              <Glyphicon glyph="warning-sign" /> React-Bootstrap currently
-              targets Bootstrap v3. We are actively working on Bootstrap v4
-              support in{' '}
-              <a href="https://github.com/react-bootstrap/react-bootstrap/pull/2752">
-                #2752
-              </a>
-              .
-            </p>
-          </Alert>
-          <Alert bsStyle="warning">
-            <p>
-              <Glyphicon glyph="bullhorn" /> We are actively working to reach a
-              1.0.0 release, and we would love your help to get there.
-            </p>
-            <p>
-              <Glyphicon glyph="check" /> Check out the{' '}
-              <a href="https://github.com/react-bootstrap/react-bootstrap/wiki#100-roadmap">
-                1.0.0 roadmap
-              </a>{' '}
-              and{' '}
-              <a href="https://github.com/react-bootstrap/react-bootstrap/blob/master/CONTRIBUTING.md">
-                contributing guidelines
-              </a>{' '}
-              to see where you can help out.
-            </p>
-            <p>
-              <Glyphicon glyph="sunglasses" /> A great place to start is any{' '}
-              <a
-                target="_blank"
-                rel="noopener noreferrer"
-                href="https://github.com/react-bootstrap/react-bootstrap/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22"
-              >
-                issue
-              </a>{' '}
-              with a <Label bsStyle="success">help-wanted</Label> label.
-            </p>
-            <p>
-              <Glyphicon glyph="ok" /> We are open to pull requests that address
-              bugs, improve documentation, enhance accessibility, add test
-              coverage, or bring us closer to feature parity with{' '}
-              <a
-                target="_blank"
-                rel="noopener noreferrer"
-                href="http://getbootstrap.com/"
-              >
-                Bootstrap
-              </a>
-              .
-            </p>
-            <p>
-              <Glyphicon glyph="user" /> We actively seek to invite frequent
-              pull request authors to join the organization.{' '}
-              <Glyphicon glyph="thumbs-up" />
-            </p>
-          </Alert>
-        </Grid>
-      </div>
+      <main className="bs-docs-masthead" id="content" role="main">
+        <div className="container">
+          <span className="bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-outline" />
+          <p className="lead">
+            The most popular front-end framework, rebuilt for React.
+          </p>
+        </div>
+      </main>
     );
   }
 }