:new: 作成した stuff credit componentをGrowiに結合させる

src/client/js/app.js

@@ -38,6 +38,7 @@ import LikeButton from './components/LikeButton';
 import PagePathAutoComplete from './components/PagePathAutoComplete';
 import RecentCreated from './components/RecentCreated/RecentCreated';
 import UserPictureList from './components/Common/UserPictureList';
+import StaffCredit from './components/StaffCredit/StaffCredit';
 
 import CustomCssEditor from './components/Admin/CustomCssEditor';
 import CustomScriptEditor from './components/Admin/CustomScriptEditor';
@@ -646,6 +647,14 @@ socket.on('page:editingWithHackmd', (data) => {
   }
 });
 
+// render for stuff credit
+const pageStuffCredit = document.getElementById('staff-credit');
+if (pageStuffCredit) {
+  ReactDOM.render(
+      <StaffCredit/>
+  );
+}
+
 // うわーもうー (commented by Crowi team -- 2018.03.23 Yuki Takei)
 $('a[data-toggle="tab"][href="#revision-history"]').on('show.bs.tab', () => {
   ReactDOM.render(

src/client/js/components/StaffCredit/StaffCredit.jsx

@@ -25,7 +25,7 @@ class StaffCredit extends React.Component {
 
     render() {
         return (
-            <h1>ここに</h1>
+            <h1>スタッフロール</h1>
         );
     }
 }

src/server/views/layout/layout.html

@@ -119,6 +119,8 @@
   data-userlang="{% if user %}{{ user.lang }}{% endif %}"
  >
 
+ <div id="staff-credit"><div>
+
 <div id="wrapper">
   <!-- Navigation -->
   {% block layout_head_nav %}