diff --git a/assets/fonts/Menu.ttf b/assets/fonts/Menu.ttf
new file mode 100644
index 0000000..985d8ee
Binary files /dev/null and b/assets/fonts/Menu.ttf differ
diff --git a/components/common/menu-icon.js b/components/common/menu-icon.js
new file mode 100644
index 0000000..636235e
--- /dev/null
+++ b/components/common/menu-icon.js
@@ -0,0 +1,21 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { createIconSetFromIcoMoon } from 'react-native-vector-icons'
+import iconConfig from '../../selection.json'
+
+import { Colors, Sizes } from '../../styles/redesign'
+
+const Icon = createIconSetFromIcoMoon(iconConfig, '', 'Menu')
+
+const MenuIcon = ({ isActive, name }) => {
+ const color = isActive ? Colors.greyDark : Colors.grey
+
+ return
+}
+
+MenuIcon.propTypes = {
+ isActive: PropTypes.bool,
+ name: PropTypes.string.isRequired
+}
+
+export default MenuIcon
\ No newline at end of file
diff --git a/components/menu/index.js b/components/menu/index.js
index 969082e..ab7c3c9 100644
--- a/components/menu/index.js
+++ b/components/menu/index.js
@@ -1,30 +1,23 @@
import React from 'react'
-import { View } from 'react-native'
-import PropTypes from 'prop-types'
+import { StyleSheet, View } from 'react-native'
import MenuItem from './menu-item'
-import { connect } from 'react-redux'
-import { getNavigation, navigate } from '../../slices/navigation'
-
+import { Containers } from '../../styles/redesign'
import { pages } from '../pages'
-import styles from '../../styles'
-
-const Menu = ({ navigate, navigation }) => {
+const Menu = () => {
const menuItems = pages.filter(page => page.isInMenu)
+
return (
-
- { menuItems.map(({ icon, label, component, children }) => {
- const isActive = (component === navigation.currentPage) ||
- (children && children.indexOf(navigation.currentPage) !== -1)
+
+ { menuItems.map(({ icon, label, component }) => {
return (