- Add router as contextTypes of Popover.react as react-router Link need router as context

- Change AppsMenu.react from stateless to React.Component to get contextTypes

Author: Krit

src/components/Popover/Popover.react.js

@@ -22,7 +22,8 @@ class ContextProxy extends React.Component {
 }
 
 ContextProxy.childContextTypes = {
-  history: React.PropTypes.object
+  history: React.PropTypes.object,
+  router: React.PropTypes.object
 };
 
 export default class Popover extends React.Component {
@@ -93,5 +94,6 @@ export default class Popover extends React.Component {
 }
 
 Popover.contextTypes = {
-  history: React.PropTypes.object
+  history: React.PropTypes.object,
+  router: React.PropTypes.object
 };

src/components/Sidebar/AppsMenu.react.js

@@ -8,28 +8,35 @@
 import AppBadge         from 'components/AppBadge/AppBadge.react';
 import html             from 'lib/htmlString';
 import { Link }         from 'react-router';
-import React            from 'react';
+import React           from 'react';
 import styles           from 'components/Sidebar/Sidebar.scss';
 import { unselectable } from 'stylesheets/base.scss';
 
-let AppsMenu = ({ apps, current, height, onSelect }) => (
-  <div style={{ height }} className={[styles.appsMenu, unselectable].join(' ')}>
-    <div className={styles.currentApp} onClick={onSelect.bind(null, current.slug)}>
-      {current.name}
-    </div>
-    <div className={styles.menuSection}>All Apps</div>
-    {apps.map((app) => {
-      if (app.slug === current.slug) {
-        return null;
-      }
-      return (
-        <Link to={{ pathname: html`/apps/${app.slug}/browser` }} key={app.slug} className={styles.menuRow}>
-          {app.name}
-          <AppBadge production={app.production} />
-        </Link>
-      );
-    })}
-  </div>
-);
+export default class AppsMenu extends React.Component {
+  render() {
+    const { apps, current, height, onSelect } = this.props;
+    return (
+      <div style={{ height }} className={[styles.appsMenu, unselectable].join(' ')}>
+        <div className={styles.currentApp} onClick={onSelect.bind(null, current.slug)}>
+          {current.name}
+        </div>
+        <div className={styles.menuSection}>All Apps</div>
+        {apps.map((app) => {
+          if (app.slug === current.slug) {
+            return null;
+          }
+          return (
+            <Link to={{ pathname: html`/apps/${app.slug}/browser` }} key={app.slug} className={styles.menuRow} >
+              {app.name}
+              <AppBadge production={app.production} />
+            </Link>
+          );
+        })}
+      </div>
+    );
+  }
+}
 
-export default AppsMenu;
+AppsMenu.contextTypes = {
+  router: React.PropTypes.object
+};