(6) feat: add network settings flow stack (#346)

* feat: add NetworkSettingsFlowStack

* chore: add copyright comment

* fix: typo on NetworkSettingsDisclaimer

* lint: resolve lint issues

src/App.js

@@ -84,6 +84,7 @@ import WalletConnectScan from './screens/WalletConnect/WalletConnectScan';
 import baseStyle from './styles/init';
 import WalletConnectModal from './components/WalletConnect/WalletConnectModal';
 import { COLORS, HathorTheme } from './styles/themes';
+import { NetworkSettingsFlowNav, NetworkSettingsFlowStack } from './screens/NetworkSettings';
 
 /**
  * This Stack Navigator is exhibited when there is no wallet initialized on the local storage.
@@ -389,6 +390,7 @@ const AppStack = () => {
         <Stack.Screen name='PaymentRequestDetail' component={PaymentRequestDetail} />
         <Stack.Screen name='RegisterToken' component={RegisterTokenStack} />
         <Stack.Screen name='ChangeToken' component={ChangeToken} />
+        <Stack.Screen name={NetworkSettingsFlowNav} component={NetworkSettingsFlowStack} />
         <Stack.Screen
           name='PinScreen'
           component={PinScreen}

src/screens/NetworkSettings/NetworkSettingsFlowStack.js

@@ -0,0 +1,15 @@
+import { createStackNavigator } from '@react-navigation/stack';
+
+export const NetworkSettingsFlowNav = Symbol('NetworkSettingsFlowStack').toString();
+
+export const NetworkSettingsFlowStack = ({ navigation }) => {
+  const FlowStack = createStackNavigator();
+  return (
+    <FlowStack.Navigator
+      initialRouteName='NetworkSettingsDisclaimer'
+      screenOptions={{
+        headerShown: false,
+      }}
+    />
+  );
+};

src/screens/NetworkSettings/index.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Hathor Labs and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { NetworkSettingsFlowStack, NetworkSettingsFlowNav } from './NetworkSettingsFlowStack';
+
+export {
+  NetworkSettingsFlowStack,
+  NetworkSettingsFlowNav
+};

src/screens/Settings.js

@@ -23,6 +23,7 @@ import {
 } from '../constants';
 import CopyClipboard from '../components/CopyClipboard';
 import { COLORS } from '../styles/themes';
+import { NetworkSettingsFlowNav } from './NetworkSettings';
 
 /**
  * selectedToken {Object} Select token config {name, symbol, uid}
@@ -170,6 +171,13 @@ export class Settings extends React.Component {
             />
           </HathorList>
 
+          <HathorList title={t`Developer Settings`}>
+            <ListMenu
+              title={t`Network Settings`}
+              onPress={() => this.props.navigation.navigate(NetworkSettingsFlowNav)}
+            />
+          </HathorList>
+
         </ScrollView>
         <OfflineBar />
       </View>