Function AppsMenu

src/components/Sidebar/AppsMenu.react.js:16–43

({ apps, current, height, onSelect, onPinClick })

import baseStyles from 'stylesheets/base.scss';

const AppsMenu = ({ apps, current, height, onSelect, onPinClick }) => (
  <div style={{ height }} className={[styles.appsMenu, baseStyles.unselectable].join(' ')}>
    <AppName
      name={current.name}
      onClick={onSelect.bind(null, current.slug)}
      onPinClick={onPinClick}
    />
    <div className={styles.menuSection}>All Apps</div>
    <div className={styles.appListContainer}>
      {apps.map(app => {
        if (app.slug === current.slug) {
          return null;
        }
        return (
          <Link
            to={html`/apps/${app.slug}/browser`}
            key={app.slug}
            className={styles.menuRow}
            onClick={onSelect.bind(null, current.slug)}
          >
            <span>{app.name}</span>
            <AppBadge production={app.production} />
          </Link>
        );
      })}
    </div>
  </div>
);

export default AppsMenu;