1 files changed, 114 insertions, 0 deletions
diff --git a/frontend/app/screens/menu/menus.js b/frontend/app/screens/menu/menus.js
new file mode 100644
index 0000000..8cd8ff2
--- /dev/null
+++ b/frontend/app/screens/menu/menus.js
@@ -0,0 +1,114 @@
+/* eslint-disable react/no-multi-comp */
+import React from 'react';
+
+import { CategoryMenu } from './categoryMenu';
+import * as Routes from '../../config/navigation/routesBuilder';
+import NavigationType from '../../config/navigation/propTypes';
+
+export class LoginMenu extends React.Component {
+  static propTypes = {
+    navigation: NavigationType.isRequired,
+  };
+  static navigationOptions = {
+    title: 'Login'.toUpperCase(),
+  };
+  render = () => (
+    <CategoryMenu navigation={this.props.navigation} items={Routes.LoginRoutes} />
+  );
+}
+
+export class NavigationMenu extends React.Component {
+  static propTypes = {
+    navigation: NavigationType.isRequired,
+  };
+  static navigationOptions = {
+    title: 'Navigation'.toUpperCase(),
+  };
+  render = () => (
+    <CategoryMenu navigation={this.props.navigation} items={Routes.NavigationRoutes} />
+  );
+}
+
+export class SocialMenu extends React.Component {
+  static propTypes = {
+    navigation: NavigationType.isRequired,
+  };
+  static navigationOptions = {
+    title: 'Social'.toUpperCase(),
+  };
+  render = () => (
+    <CategoryMenu navigation={this.props.navigation} items={Routes.SocialRoutes} />
+  );
+}
+
+export class ArticleMenu extends React.Component {
+  static propTypes = {
+    navigation: NavigationType.isRequired,
+  };
+  static navigationOptions = {
+    title: 'Articles'.toUpperCase(),
+  };
+  render = () => (
+    <CategoryMenu navigation={this.props.navigation} items={Routes.ArticleRoutes} />
+  );
+}
+
+export class MessagingMenu extends React.Component {
+  static propTypes = {
+    navigation: NavigationType.isRequired,
+  };
+  static navigationOptions = {
+    title: 'Messaging'.toUpperCase(),
+  };
+  render = () => (
+    <CategoryMenu navigation={this.props.navigation} items={Routes.MessagingRoutes} />
+  );
+}
+
+export class DashboardMenu extends React.Component {
+  static propTypes = {
+    navigation: NavigationType.isRequired,
+  };
+  static navigationOptions = {
+    title: 'Dashboards'.toUpperCase(),
+  };
+  render = () => (
+    <CategoryMenu navigation={this.props.navigation} items={Routes.DashboardRoutes} />
+  );
+}
+
+export class WalkthroughMenu extends React.Component {
+  static propTypes = {
+    navigation: NavigationType.isRequired,
+  };
+  static navigationOptions = {
+    title: 'Walkthrough'.toUpperCase(),
+  };
+  render = () => (
+    <CategoryMenu navigation={this.props.navigation} items={Routes.WalkthroughRoutes} />
+  );
+}
+
+export class EcommerceMenu extends React.Component {
+  static propTypes = {
+    navigation: NavigationType.isRequired,
+  };
+  static navigationOptions = {
+    title: 'Ecommerce'.toUpperCase(),
+  };
+  render = () => (
+    <CategoryMenu navigation={this.props.navigation} items={Routes.EcommerceRoutes} />
+  );
+}
+
+export class OtherMenu extends React.Component {
+  static propTypes = {
+    navigation: NavigationType.isRequired,
+  };
+  static navigationOptions = {
+    title: 'Other'.toUpperCase(),
+  };
+  render = () => (
+    <CategoryMenu navigation={this.props.navigation} items={Routes.OtherRoutes} />
+  );
+}