create and render empty react component for drafts

src/client/js/app.jsx

@@ -28,6 +28,7 @@ import LikerList from './components/User/LikerList';
 import TableOfContents from './components/TableOfContents';
 import Fab from './components/Fab';
 
+import MyDrafts from './components/Me/Drafts';
 import PersonalSettings from './components/Me/PersonalSettings';
 import NavigationContainer from './services/NavigationContainer';
 import PageContainer from './services/PageContainer';
@@ -81,6 +82,8 @@ Object.assign(componentMappings, {
 
   'personal-setting': <PersonalSettings crowi={personalContainer} />,
 
+  'my-drafts': <MyDrafts />,
+
   'grw-fab-container': <Fab />,
 });
 

src/client/js/components/Me/Drafts.jsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withTranslation } from 'react-i18next';
+
+class Drafts extends React.Component {
+
+  render() {
+    return (
+      <div>hoge</div>
+    );
+  }
+
+}
+
+
+Drafts.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+};
+
+export default withTranslation()(Drafts);