-
-
+
+
-
+
+ {/*
-
+
*/}
)
diff --git a/src/components/IconMobileMenu/index.js b/src/components/IconMobileMenu/index.js
new file mode 100644
index 0000000..9e117ca
--- /dev/null
+++ b/src/components/IconMobileMenu/index.js
@@ -0,0 +1,26 @@
+import React from 'react'
+
+export const IconMobileMenu = ({ networkBranch, onClick, isOpen = false }) => {
+ switch (isOpen) {
+ case true:
+ return (
+
+ )
+ default:
+ return (
+
+ )
+ }
+}
diff --git a/src/components/NavigationIcon/IconActive/index.js b/src/components/NavigationIcon/IconActive/index.js
new file mode 100644
index 0000000..3059846
--- /dev/null
+++ b/src/components/NavigationIcon/IconActive/index.js
@@ -0,0 +1,13 @@
+import React from 'react'
+
+export const IconActive = ({ networkBranch }) => {
+ return (
+
+ )
+}
diff --git a/src/components/NavigationIcon/IconAll/index.js b/src/components/NavigationIcon/IconAll/index.js
new file mode 100644
index 0000000..feaa951
--- /dev/null
+++ b/src/components/NavigationIcon/IconAll/index.js
@@ -0,0 +1,13 @@
+import React from 'react'
+
+export const IconAll = ({ networkBranch }) => {
+ return (
+
+ )
+}
diff --git a/src/components/NavigationIcon/IconFinalize/index.js b/src/components/NavigationIcon/IconFinalize/index.js
new file mode 100644
index 0000000..34728e5
--- /dev/null
+++ b/src/components/NavigationIcon/IconFinalize/index.js
@@ -0,0 +1,13 @@
+import React from 'react'
+
+export const IconFinalize = ({ networkBranch }) => {
+ return (
+
+ )
+}
diff --git a/src/components/NavigationIcon/index.js b/src/components/NavigationIcon/index.js
new file mode 100644
index 0000000..6dc7856
--- /dev/null
+++ b/src/components/NavigationIcon/index.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import { IconAll } from './IconAll'
+import { IconActive } from './IconActive'
+import { IconFinalize } from './IconFinalize'
+
+export const NavigationIcon = ({ icon, networkBranch }) => {
+ switch (icon) {
+ case 'all':
+ return
+ case 'active':
+ return
+ case 'finalize':
+ return
+ default:
+ return null
+ }
+}
diff --git a/src/components/NavigationLinks.jsx b/src/components/NavigationLinks.jsx
deleted file mode 100644
index 0b4828c..0000000
--- a/src/components/NavigationLinks.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react'
-import { NavLink } from 'react-router-dom'
-
-const NavigationLinks = ({ navigationData }) => {
- return navigationData.map((item, index) => (
-
-
- {item.title}
-
- ))
-}
-
-export default NavigationLinks
diff --git a/src/components/NavigationLinks/index.js b/src/components/NavigationLinks/index.js
new file mode 100644
index 0000000..99e9dfa
--- /dev/null
+++ b/src/components/NavigationLinks/index.js
@@ -0,0 +1,23 @@
+import React from 'react'
+import { NavLink } from 'react-router-dom'
+import { constants } from '../../utils/constants'
+import { NavigationIcon } from '../NavigationIcon'
+
+export const NavigationLinks = ({ networkBranch }) => {
+ return (
+
+ {constants.navigationData.map((item, index) => (
+
+
+ {item.title}
+
+ ))}
+
+ )
+}
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 623f7de..e51d7ac 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -14,16 +14,37 @@ constants.ABIsSources = {
VotingToChangeProxyAddress: 'VotingToChangeProxyAddress.abi.json',
VotingToManageEmissionFunds: 'VotingToManageEmissionFunds.abi.json'
}
+
constants.NEW_MINING_KEY = {
label: 'New Mining Key',
lastNameAndKey: '',
fullName: '',
value: '0x0000000000000000000000000000000000000000'
}
+
constants.minBallotDurationInDays = 2
constants.startTimeOffsetInMinutes = 5
constants.endTimeDefaultInMinutes = 2890
constants.getTransactionReceiptInterval = 5000
+constants.rootPath = '/poa-dapps-voting'
+
+constants.navigationData = [
+ {
+ icon: 'all',
+ title: 'All',
+ url: constants.rootPath
+ },
+ {
+ icon: 'active',
+ title: 'Active',
+ url: `${constants.rootPath}/active`
+ },
+ {
+ icon: 'finalize',
+ title: 'To Finalize',
+ url: `${constants.rootPath}/tofinalize`
+ }
+]
constants.NETWORKS = {
'77': {