From 4b07aae6bca77dee765642c4cc409e682886566e Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Wed, 23 Dec 2020 01:51:23 +0200
Subject: [PATCH] network page

---
 .../network/components/NetworkContainer.js    | 26 +++++++++++++++++--
 src/state/initialState.js                     |  3 +++
 src/state/reducer.js                          | 14 +++++++++-
 3 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/src/features/network/components/NetworkContainer.js b/src/features/network/components/NetworkContainer.js
index 6cf0ba4..7d33f64 100644
--- a/src/features/network/components/NetworkContainer.js
+++ b/src/features/network/components/NetworkContainer.js
@@ -1,7 +1,29 @@
-import React from "react";
+import React, { useContext } from "react";
+import { TextField } from "@material-ui/core";
+import {
+  ApplicationStateContext,
+  ApplicationDispatchContext
+} from "../../../state/ApplicationContexts";
 
 const NetworkContainer = () => {
-  return <div>NetworkContainer</div>;
+  const state = useContext(ApplicationStateContext);
+  const dispatchActions = useContext(ApplicationDispatchContext);
+
+  const handleChange = prop => event => {
+    dispatchActions.onNetworkChange(prop, event.target.value);
+  };
+
+  return (
+    <>
+      <div>NetworkContainer</div>
+      <TextField
+        id="ertet"
+        label="Test"
+        onChange={handleChange("test")}
+        value={state.network.test}
+      />
+    </>
+  );
 };
 
 export default NetworkContainer;
diff --git a/src/state/initialState.js b/src/state/initialState.js
index c972c2c..754d0e3 100644
--- a/src/state/initialState.js
+++ b/src/state/initialState.js
@@ -2,5 +2,8 @@ export const initialState = {
   credentials: {
     userName: "",
     password: ""
+  },
+  network: {
+    test: ""
   }
 };
diff --git a/src/state/reducer.js b/src/state/reducer.js
index ea883da..2462eda 100644
--- a/src/state/reducer.js
+++ b/src/state/reducer.js
@@ -10,6 +10,16 @@ export function reducer(state, action) {
         }
       };
     }
+    case "onNetworkChange": {
+      const { prop, value } = action.payload;
+      return {
+        ...state,
+        network: {
+          ...state.network,
+          [prop]: value
+        }
+      };
+    }
     default: {
       return state;
     }
@@ -18,5 +28,7 @@ export function reducer(state, action) {
 
 export const dispatchActions = dispatch => ({
   onCredentialsChange: (prop, value) =>
-    dispatch({ type: "onCredentialsChange", payload: { prop, value } })
+    dispatch({ type: "onCredentialsChange", payload: { prop, value } }),
+  onNetworkChange: (prop, value) =>
+    dispatch({ type: "onNetworkChange", payload: { prop, value } })
 });