Add an organisation Talk page

A simple experiment in adding a Talk page for organisation. It looks for a Talk section called org-{organisation.id}.

app/pages/organization/talk/index.jsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Helmet } from 'react-helmet';
+import { Link } from 'react-router';
+import counterpart from 'counterpart';
+const talkPath = '../../../talk'
+import TalkBreadcrumbs from '../../../talk/breadcrumbs';
+import TalkSearchInput from '../../../talk/search-input';
+import TalkFootnote from '../../../talk/footnote';
+
+export default function OrgTalkPage(props) {
+  const section = `org-${props.organisation.id}`;
+  const pageTitle = `${props.organisation.display_name} » ${counterpart('orgTalk.title')}`;
+  return (
+    <div className="project-text-content talk project">
+      <Helmet title={pageTitle} />
+      <div className="content-container">
+        <h1 className="talk-main-link">
+          <Link to="/projects/#{owner}/#{name}/talk">
+            {props.organisation.display_name} Talk
+          </Link>
+        </h1>
+        <TalkBreadcrumbs {...props} />
+
+        <TalkSearchInput {...props} />
+
+        {React.cloneElement(props.children, {section, organisation: props.organisation, user: props.user})}
+
+        <TalkFootnote />
+      </div>
+    </div>
+  );
+}

app/router.cjsx

@@ -199,6 +199,7 @@ module.exports =
     <Route path="organizations/:owner/:name" component={(require './pages/organization/organization-container').default}>
       <IndexRoute component={(require './pages/organization/organization-page').default} />
       <Route path="home" component={ONE_UP_REDIRECT} />
+      <Route path="talk" component={require('./pages/organization/talk').default} />
     </Route>
 
     <Route path="notifications" component={NotificationsPage} />